Give full color control window for all places where only a color is selectable

1) For background colors, you’re able to add a layer which includes a color window where you can select a tailwind color token along with an alpha channel. This window should be the default for all places with a selectable color like a border color.

This window also loses its tailwind token bind as soon as you change any transparency. I’d suggest keeping the token bound but controlling the transparency by adding in color-mix() using transparent as the second color and percentage.

Example:
color-mix(in lab, var(--color-sky-700), transparent 70%)