Configs and colors

[rnbrady]

Hi folks, I'm trying to configure my repo to allow either tw or classNames props, so that I can merge two code bases.

I have come across something strange with colors:

As you can see there are two different shades of green resulting from the same class bg-green-500. From what I can tell the top one is actually Emerald 500 from the Tailwind CSS palette.

The above is in a fresh repo with:

    "tailwindcss": "^3.1.6",
    "twin.macro": "^2.8.2"

It happens both in dev and with prod build so I don't think it's the Babel cache mentioned in other discussions.

In other experiments I've had a color not found error when trying to use a color from the default Tailwind CSS palette:

So does Twin use its own palette?

[rnbrady]

Ok on investigating further it looks like it's using the color palette from Tailwind CSS v2. The question is why?

[rnbrady]

Ok I now see that Twin v2 depends on Tailwind v2 and uses that dependency regardless of any other version of Tailwind that might be installed, which makes sense.