CSSまたはTailwindCSSでスクロールバーを消したいのですが消えてくれません

Question

実現したいこと

画面右のスクロールバーを消したいです。

質問

Tailwind CSSだけで消すことはできるでしょうか？
または、最後のJSX・CSSはどこが間違っているでしょうか？

前提

今、ReactのJSXをTailwind CSSでスタイリングしています。
コンポーネントを囲うdivに

.overflow-y-auto

クラスだけをあてているときの状態が上の写真です。

<div className="row-span-3 col-span-3 overflow-y-auto">
        {posts.length 
            ?
            <>
              {posts.map((post) => (
                <Post
                  key={post.id}
                  postId={post.id}
                  avatar={post.avatar}
                  image={post.image}
                  trainingArray={post.trainingArray}
                  timestamp={post.timestamp}
                  username={post.username}
                  postUid={post.uid}
                  updateProfile={updateProfile}
                />
              ))}
            </>
            : <p>no posts...</p>
          }
</div>

試したこと

解決策は２通りあるのかなと思っていまして、２番目の方法も試してみました。
１、Tailwind CSSで何らかのクラスをあててスクロールバーを消す
２、cssモジュールを書いてインポートしてあててスクロールバーを消す

今度はなぜかスクロールバー自体表示されなくなってしまいました。

<div className="row-span-3 col-span-3">
        <div className={styles.scroll}>
          {posts.length 
              ?
              <>
                {posts.map((post) => (
                  <Post
                    key={post.id}
                    postId={post.id}
                    avatar={post.avatar}
                    image={post.image}
                    trainingArray={post.trainingArray}
                    timestamp={post.timestamp}
                    username={post.username}
                    postUid={post.uid}
                    updateProfile={updateProfile}
                  />
                ))}
              </>
              : <p>no posts...</p>
            }
        </div>
</div>

import styles from './Feed.module.css';

.scroll {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll::-webkit-scrollbar {
  display: none;
}

Answer 1

２番目の方法で、overflow: scrollをあてたdivにheightを設定することで実現しました。

.scroll {
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scroll::-webkit-scrollbar {
  display: none;
}

なので結論としては、Tailwind CSSだけでは（リファレンスなどをみてもスクロールバーを非表示にするクラスが見当たらないので）難しいようで、heightに注意してCSSモジュールを書くことでうまくいきました。