Compound variants with common variant key

[LouisLecouturier]

It would be awesome to group compound variants having a common variant value

This would make this :

  compoundVariants: [
    {
      active: true,
      color: 'accent',
      className: 'bg-accent-50/90 text-accent',
    },
    {
      active: true,
      color: 'primary',
      className: 'bg-primary-50/90 text-primary',
    },
    {
      active: true,
      color: 'warning',
      className: 'bg-warning-50/90 text-warning',
    },
    {
      active: true,
      color: 'danger',
      className: 'bg-danger-50/90 text-danger',
    },
  ],

Look like this :

  compoundVariants: [
    {
      active: true,
      color: {
        accent: 'bg-accent-50/90 text-accent',
        primary: 'bg-primary-50/90 text-primary',
        warning: 'bg-warning-50/90 text-warning',
        danger: 'bg-danger-50/90 text-danger',
      },
    },
  ],

Which I think is more readable (especially when you can have dozens of compounds...)

Let me know what you think !