Hovers and completions not showing in a v4 project

[thecrypticace]

From Discord:

Hi. I discovered what the cause was but I'm not sure it's really relevant or useful. So I'm not sure if I should still file an Issue for it.

Basically, in my project I have `src/styles/styles.css` with the new v4 syntax. Then, for reference, I copied a tailwind v3 base css file into `src/styles/_global.css`

`_global.css` is completely unused in the project.

When you reload vs code, Tailwind intellisense and hovers break in the way i described previously.

So if the v3 .css file comes before the v4 css file, it breaks. but if it comes after, nothing happens.

Example that works
- `styles.css`
- `unused-v3.css` <- comes after the v4 file alphabetically
https://github.com/Brian-Pob/tailwind-v4-vite/tree/c2520ecd266e6de8a14df127f77ee55ad6322997/src/styles

Example that breaks
- `my-unused-v3.css` <- comes before the v4 file alphabetically
- `styles.css`
https://github.com/Brian-Pob/tailwind-v4-vite/tree/54c23c939d04d247844f02cc628a83ca66c71459/src/styles

Astro                    v4.5.4
Node                     v18.17.1
System                   macOS (arm64)
Package Manager          bun
Output                   static
Adapter                  none
Integrations             @astrojs/svelte

tailwindcss@4.0.0-alpha.9
@tailwindcss/vite@4.0.0-alpha.9

VS Code Version: 1.87.2

[Brian-Pob]

Hello. I'm the one who brought up this issue on Discord. Thank you for creating the issue for me.