Intellisense does not put the variants first.

[Blankeos]

So I'm using Svelte-Kit. I think this is cause by the Tailwind Intellisense sort of overriding the intellisense when inside a class="" attribute, but it still feels unintuitive to not see what my variants are right away.

These are my variants:

import { tv } from 'tailwind-variants';

export const button = tv({
  base: 'rounded-full font-circularstd shadow',
  variants: {
    color: {
      primary: 'bg-primary-500 text-white ',
      secondary: 'bg-white text-primary-500'
    },
    size: {
      lg: 'px-20 py-4 text-2xl'
    }
  },
  defaultVariants: {
    size: 'lg',
    color: 'primary'
  }
});

This is how it looks when I use it:

Here are some relevant settings.json configurations:

  "tailwindCSS.includeLanguages": {
    "javascript": "javascript",
    "typescript": "typescript",
    "plaintext": "javascript",
    "Svelte": "html"
  },
  "tailwindCSS.emmetCompletions": true,
  "tailwindCSS.experimental.classRegex": [
    // Tailwind-Variants
    ["tv\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
  ],
  "tailwindCSS.experimental.configFile": null,
  "tailwindCSS.classAttributes": ["class", "className", "ngClass"],

[mskelton]

Closing per the comment here: #25 (comment)