Next.js v10でTailwind CSSのJust-in-Timeモードがうまく動かない

既存の Next.js アプリで Tailwind CSS の Just-in-Timeモード（JITモード）を有効にしたところ、うまく動かなかった。

現象

• next dev で Next.js を開発モードで起動した状態でコンポーネントの className を変更しても、CSSが再作成されない
• 例えば border-[#c0c0c0] のようなクラスを追加しても、CSSが生成されず、スタイルが反映されない

発生したバージョン

Next.js: v10.2.0
Tailwind CSS: v2.2.2

Next.js を v11 に上げたらうまく動くようになった 🎉

Next.js v10 のどこがおかしかったのか確認したかったので、 v10 のマイナーバージョンを一つずつあげて確認してみた

v10.2.0 → NG
v10.2.1 → NG

v10.2.2 → OK 🎉
v10.2.3 → OK 🎉

v10.2.2 で postcss-loader のバージョンがあがったので、そのおかげで動くようになったっぽい？

https://github.com/vercel/next.js/releases/tag/v10.2.2