VS Code inline color preview not displayed for custom colors in specified function context

[functasti]

What version of VS Code are you using?

v1.99.3

What version of Tailwind CSS IntelliSense are you using?

v0.14.16

What version of Tailwind CSS are you using?

4.1.3

What package manager are you using?

npm

What operating system are you using?

Ubuntu Linux

Tailwind config

Default

VS Code settings

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

  "tailwindCSS.classFunctions": ["clsx"]
}

Reproduction:

@theme {
  --color-test-intellisense: hsl(240deg 100% 50%);
}

Code:

  const COLORS_BY_STATUS = {
    success: clsx("bg-test-intellisense"),
    error: "",
  };

[thecrypticace]

This looks like we're not parsing the hsl value for color swatches on utilities:

Even simple things like completions and @apply don't show the swatch for the hsl color. This is probably a regex problem or something.

(the color swatch next to hsl(…) itself is provided by the CSS language server so is unrelated)

[functasti]

Thanks for the quick fix!

[thecrypticace]

Gonna try to get a release out this week 👍