User requests support for class-variance-authority to facilitate styling components with variants, noting its synergy with Tailwind CSS.
### I am interested in helping provide a feature! Yes ### Which generators are impacted? - [X] All - [ ] Angular - [ ] HTML - [ ] Qwik - [ ] React - [ ] React-Native - [ ] Solid - [ ] Stencil - [ ] Svelte - [ ] Vue - [ ] Web components ### What problem does this feature solve? Styling the components that have variants, this also works really well with tailwind. ### What does the proposed API look like? My guess would be this would work a bit like how collect-styled-components works but it would allow for CVA variables to be included. Something like this: ``` import { Show } from '@builder.io/mitosis'; import { cva } from 'class-variance-authority'; export interface ButtonVariantTypes { intent: "primary" | "secondary" | "default"; size: "small" | "medium" | "large"; roundness: "square" | "round" | "pill"; } export interface ButtonProps { variants?: ButtonVariantTypes; type?: "button" | "submit" | "reset"; attributes?: any; text?: string; li