tailwindcss/vite 4.0.8 or higher with qwik doesn't render classes

[erikrj]

What version of Tailwind CSS are you using?

tailwindcss 4.0.14
@tailwindcss/vite 4.0.8 or higher

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

Qwik 1.12.1

What version of Node.js are you using?

v22.13.1

What browser are you using?

Chrome latest

What operating system are you using?

macOS Sequoia 15.3.1

Reproduction URL

See https://github.com/erikrj/2025-03-19-bug-report-qwik-tailwindcss-vite-4.0.8
I have included an updated README.md. Simply modify the @tailwindcss/vite dependency to 4.0.7 and it works as expected. Every version between 4.0.8 and 4.0.14 breaks.

Describe your issue

When I use any version of @tailwindcss/vite 4.0.8 or higher my tailwindcss classes to not render properly. If I pin the version to @tailwindcss/vite 4.0.7, they work. This is a vanilla empt qwik project with tailwindcss installed. See the README.md of the repo I provided above.

[philipp-spiess]

Hey! I checked out your repro locally and it seems like regardless of the versions used, the Vite plugin always works. Can you explain what exactly is not working for you? 🤔 All I did basically was pnpm install and pnpm run dev and the text is rendered with the right size. I then upgraded to 4.0.14 (both the tailwindcss and the @tailwindcss/vite plugin) and it would still work.

[erikrj]

I'm unable to reproduce this issue now. It must have been something local, but I have no explanation. I'll close this out. I appreciate you taking the time to give it a try.