v4 vite plugin is not compatible with the vite environment API

[schiller-manuel]

What version of Tailwind CSS are you using?

"@tailwindcss/vite": "^4.1.6",
"tailwindcss": "^4.1.6",

What build tool (or framework if it abstracts the build tool) are you using?

"@tanstack/react-start": "^1.120.4-alpha.6",
"vite": "^6.1.0"

What version of Node.js are you using?

v20.17.0

What browser are you using?

not relevant

What operating system are you using?

macOS

Reproduction URL

https://github.com/yjoer/basic-virtual-file-based/commit/9f291d928c0bd44906cebae69ff04d683ad2d11e

Describe your issue

vite tailwind plugin does not support the new vite environment API yet. This caused the build to fail in TanStack Start which uses the vite environment:

[@tailwindcss/vite:generate:build] Cannot create proxy with a non-object as target or handler
file: /basic-virtual-file-based/src/styles.css?transform-only

The reason for this build failure is that the fallback that vite uses when a plugin uses createResolver requires the environment to be called 'ssr' which in TanStack Start's case was not the case.

We renamed the server environment in TanStack Start to ssr to ensure compatibliity: https://github.com/TanStack/router/pull/4167

However, the tailwind vite plugin should eventually support the vite environment API by migrating to createIdResolver see https://github.com/vitejs/vite/pull/20031