Error when using @import "tailwind.css" in index.css

[ulinwang]

I'm encountering an error when trying to import Tailwind CSS in my project. Here are the details of my environment and the issue:

• Vite : 7.0.4
• Node : 23.10.0
• Tailwind CSS version: 4.1.11
• Chrome
• Macos

When I add @import "tailwind.css" to my index.css file, an error occurs.
[plugin:@tailwindcss/vite:generate:serve] Can't resolve 'tailwind.css' in '/Users/xxx/Code/Projects/demo/alertcss/src'
I'm not sure if this is a configuration issue or a version compatibility problem.

Has anyone else encountered a similar problem? Any guidance on how to resolve this would be greatly appreciated!

Thanks in advance.