Tailwind CSS v4.1.11 with Vite & PostCSS throws incorrect plugin usage error despite correct setup

[laksh2005]

What version of Tailwind CSS are you using?
v4.1.11

What build tool (or framework if it abstracts the build tool) are you using?
Vite 7.0.3, PostCSS 8.5.6, @tailwindcss/postcss 4.1.11

What version of Node.js are you using?
v20.11.1

What browser are you using?
Microsoft Edge

What operating system are you using?
Windows 11

Reproduction URL
https://github.com/laksh2005/pawlend

Describe your issue
After setting up a fresh Vite project with Tailwind CSS v4.1.11 and PostCSS, I consistently encounter the following error loop when running npm run dev:

[wongjn]

You seem to have followed integration steps for Tailwind v3. However, you have installed v4. The installation steps for v4 with Vite are slightly different. Consider reviewing the steps at https://tailwindcss.com/docs/installation/using-vite/.

[laksh2005]

it worked, thank you @wongjn !