環境構築、vuecli(vue3)で、tailwind css3を使いたい。

npmでtailwindcssインストールするとエラー出るpostcss8周りでエラーが発生

tailwindcss2(postcss7)のパッケージは入るやり方は調べたが‥
vuecli+tailwind css3を使えるやり方求む。

tailwindcss2が入るやり方だとこんな感じでした。
npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

代替案としては、vuecliで作ったプロジェクトフォルダー内でtailwindcssをインストールせずに、
別フォルダーに　npm install -D tailwindcssで構築して、
tailwind.config.jsでvuecliで作ったプロジェクトフォルダーを指定して
npx tailwindcss -i input.css -o output.css　とかで環境構築するしかないかなぁ