Support forcing coercion type with arbitrary value syntax #4263
This PR makes it possible to force the type of a coerced arbitrary value in order to get around collisions between utilities when using arbitrary values with JIT.
For example, in this example, it's impossible to know if this is a font-size utility or a color utility:
To make it possible for this to work, you can now prefix the arbitrary value with
<div class="text-[color:var(--mystery)] text-[length:var(--surprise)]">
The valid values match the types supported by
...which generally correspond to the official CSS data type names. We will probably keep refining this but I think it's a good start. May also alias
@@ Coverage Diff @@ ## master #4263 +/- ## ========================================== + Coverage 71.10% 71.11% +0.01% ========================================== Files 218 218 Lines 4703 4712 +9 Branches 770 773 +3 ========================================== + Hits 3344 3351 +7 - Misses 1273 1275 +2 Partials 86 86