Astro Info

Astro                    v5.1.9
Node                     v22.11.0
System                   macOS (x64)
Package Manager          pnpm
Output                   static
Adapter                  none
Integrations             @astrojs/vue

If this issue only occurs in one browser, which browser is a problem?

Chrome

Describe the Bug

What version of Tailwind CSS are you using?

4.0

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

astro

What version of Node.js are you using?

For example: v22

Reproduction URL

https://github.com/ckvv/astro-tailwindcss

Describe your issue

client: directive will cause tailwindcss to be invalid

What's the expected result?

use tailwindcss v4 in astro

Link to Minimal Reproducible Example

https://github.com/ckvv/astro-tailwindcss

Participation

• I am willing to submit a pull request for this issue.