PostCSS warning: plugin does not pass from option to postcss.parse with Vite + Tailwind CSS 4

[Codeer22]

Describe the bug

When running a Vite + React application in development mode with Tailwind CSS v4 and the @tailwindcss/postcss plugin, Vite prints the following warning during CSS processing:

A PostCSS plugin did not pass the from option to postcss.parse. This may cause imported assets to be incorrectly transformed. If you've recently added a PostCSS plugin that raised this warning, please contact the package author to fix the issue.

The development server starts successfully and the application loads, but the warning is consistently displayed when running npm run dev.

Environment

• OS: Windows
• Build tool: Vite
• Vite: 8.2.2
• Tailwind CSS: 4.3.3
• @tailwindcss/postcss: 4.3.3
• PostCSS: 8.5.26
• Autoprefixer: 10.5.4
• React: 19.2.8
• TypeScript: 7.0.2
• Package manager: npm

PostCSS configuration

export default {
  plugins: {
    "@tailwindcss/postcss": {},
  },
}

[ai]

Have you checked that it is not an issue in @tailwindcss/postcss?

[Codeer22]

There was a real Tailwind/PostCSS issue involving this exact warning. A Tailwind Labs contributor explicitly identified it as a Tailwind CSS issue and said it was fixed in Tailwind CSS 4.1.12, with the requirement that both tailwindcss and @tailwindcss/postcss be updated together.

Your versions are:

tailwindcss 4.3.3
@tailwindcss/postcss 4.3.3
postcss 8.5.26
vite 8.2.2

So you are already beyond the version where that known issue was supposed to be fixed.

Also, the original Tailwind issue wasn't necessarily the @tailwindcss/postcss package itself. The underlying problem involved generated Tailwind nodes losing their PostCSS source information, while Vite's vite-url-rewrite plugin subsequently checks that information.