Tailwind CSS IntelliSense Restrictions

[Leong-Qi-Jin]

I noticed that the Tailwind CSS IntelliSense only works based on the following criteria:

For v4 and later, a .css file that imports a Tailwind CSS stylesheet (e.g. @import "tailwindcss")

However, Tailwind CSS Intellisense is not working for most of my files since they are not importing Tailwind CSS since I'm using the @source (and @reference) directives. Am I doing something wrong or should I raise an issue?

[rozsazoltan]

Either in your workspace or even globally in VSCode (if you're a TailwindCSS fan), associate .css files with the TailwindCSS language mode like this:

• Tailwind CSS v4 - Unknown at rule @plugin, @custom-variant, @theme, @utility, @variant, @apply in global.css

{
  "files.associations": {
    "*.css": "tailwindcss",
    "*.scss": "tailwindcss",
  },
}

[Leong-Qi-Jin]

Thanks! It worked