Using `0` as arbitrary value doesn't work for for some properties

[arzatskis]

What version of Tailwind CSS are you using?

v2.2.19

Reproduction URL

https://play.tailwindcss.com/eOQOc2klvH

Describe your issue

Trying to apply custom value as 0 for border width Tailwind JIT doesn't generate the selector. E.g. using border-[0] does nothing, even though border-width: 0 is valid CSS expression. Same for font size with text-[0] (font-size: 0 is valid CSS). Haven't checked other properties.

This doesn't happen and when applying w-[0] - selector / style is applied as expected.

[AviAvinav]

I checked this out, it seems it is working when you use text-[0px] or border-[0px], it seems to need a unit. Hope it helps for now.

[arzatskis]

Yeah, I figured out, that it works with units set / as workaround. Probably this still should work / be consistent with other properties (e.g. w-[0] / h-[0]) and work with just 0?

[AviAvinav]

Yeah, it seems that setting the unit works with all utilities but just "0" works with only some.

[adamwathan]

Think we can probably support this, should just be a matter of adding a check for 0 here:

https://github.com/tailwindlabs/tailwindcss/blob/master/src/util/dataTypes.js#L80-L85

Happy to take a look at a PR if someone wants to give it a shot and add some tests 👍🏻

[RobinMalfait]

Hey! Thank you for your bug report!
Much appreciated! 🙏

This should be fixed, and will be available in Tailwind v3.