[Intellisense] Syntax highlighting should work in CSS modules with the composes and global keywords

[ldm-acn]

I'm considering relying on a mix of CSS modules and Tailwind and it'd be useful to be able to mix CSS modules' compose keyword with the global keyword to compose several tailwind class names in a single rule.

The following code works in that custom-class adds the proper CSS rules for font-size, color and display, but in VSCode I currently don't get any syntax highlightning.

.custom-class {
    font-size: theme('spacing.10');

    composes:
        global(text-blue-600);
  
    composes:
        global(md:flex)
}

[dennis6101990leon]

Hello,

Your code using composes and global keywords for Tailwind classes within a CSS module is correct. The issue likely lies with VSCode configuration. Check if HealthCareGov extensions like "CSS Modules" or "Tailwind CSS IntelliSense" are installed and enabled for proper syntax highlighting.

[ldm-acn]

I already had "Tailwind CSS IntelliSense" installed, I tried adding CSS Modules and CSS Modules Syntax Highlighter but the result is the same as in the screenshot I posted.

[ldm-acn]

btw, I also turned off VSCode the basic css language validation