Tailwindcss doesn't rebuild CSS for new files

I don't remember if we've discussed before, but tailwindcss can't seem to track new files due to limitations of this.addWatchFile: https://github.com/vitejs/vite/blob/fe30349d350ef08bccd56404ccc3e6d6e0a2e156/packages/vite/src/node/plugins/css.ts#L1433-L1444

I'm not sure if we want to special case this, or leave it to tailwind's next major to possibly fix things.

Related: https://github.com/vitejs/vite/issues/15460 (but not exactly the same I think)

Start dev server
Copy the content of index.html and create a new foo.html at the root for example and paste the content in it.
Rename text-red-500 in the pasted content to something else new, like text-green-500
Open http://localhost:5173/foo and notice that the text is black, not green (for example)

After a full server restart and reload the page, the color is then correctly applied

n/a

npm

No response

[X] Follow our Code of Conduct
[X] Read the Contributing Guidelines.
[X] Read the docs.
[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
[X] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
[X] The provided reproduction is a minimal reproducible example of the bug.

vitejs / vite