Next.jsでtailwind cssが効かない原因😭

解決策

tailwind.config.ts

content: [
        "./pages/**/*.{js,ts,jsx,tsx,mdx}",
        "./components/**/*.{js,ts,jsx,tsx,mdx}",
        "./app/**/*.{js,ts,jsx,tsx,mdx}",
        //！！追加忘れているかも！！
        "./features/**/*.{js,ts,jsx,tsx,mdx}",
    ],

tailwind.config.tsを見ればおそらく解決します。
昨今のNext.jsプロジェクトにはsrcディレクトリを削除できるオプションがあるかと思います。それにより、今までsrc利用時は下記のようなcontentにより全てのディレクトリ配下でtailwind cssが効いていたのですが、srcディレクトリを採用しない場合、効かなくなってしまいます。

tailwind.config.ts

"./src/**/*.{js,ts,jsx,tsx,mdx}",

自身で追加したディレクトリがcontentに追加されている確認しましょう