Autocomplete feature for utility class names defined in global.css file

[1mehdifaraji]

I defined some utility class names but couldn't get autocomplete intellisense when using them

@layer utilities {
  .gradient-text {
    @apply bg-gradient-to-br from-transparent to-red-500 inline-block text-transparent bg-clip-text;
  }
}

So I had to copy the class names to the tailwind.config.ts plugin section

plugins: [
    plugin(({ addUtilities }) =>
      addUtilities({
        ".gradient-text": {},
      })
    ),
  ],

But still the intellisense autocomplete wouldn't show the styles for the class name and only shows the defined class name like this

So there is no way we can get full intellisense for the defined utility class names inside the global.css file.