Tailwindcss vscode extension preview not work properly with custom css variables

[Genuifx]

define css variables following docs

with something like:

  :root {
    /* For rgb(255 115 179 / 1) */
    --color-primary: 255 115 179;

    /* For hsl(333deg 100% 73% / 1) */
    --color-primary: 333deg 100% 73%;

    /* For rgba(255, 115, 179, 1) */
    --color-primary: 255, 115, 179;
  }

but the vscode plugin cannot recognize the custom color, how to make it work?

[wongjn]

I don't think it can, since CSS variables can change at run time. Also, the plugin does not know the structure of the webpage, so it can't resolve CSS variables values.

[Genuifx]

but It doesn't change in the most normal scene, we can use AST tools to find the global variables.