v3.3.0

Tailwind CSS v3.3 is here! Check out the announcement post for a deep dive into all of the cool new stuff.

Added

• Support ESM and TypeScript config files (#10785)
• Extend default color palette with new 950 shades (#10879)
• Add line-height modifier support to font-size utilities (#9875)
• Add support for using variables as arbitrary values without var(...) (#9880, #9962)
• Add logical properties support for inline direction (#10166)
• Add hyphens utilities (#10071)
• Add from-{position}, via-{position} and to-{position} utilities (#10886)
• Add list-style-image utilities (#10817)
• Add caption-side utilities (#10470)
• Add line-clamp utilities from @tailwindcss/line-clamp to core (#10768, #10876, #10862)
• Add delay-0 and duration-0 utilities (#10294)
• Add justify-normal and justify-stretch utilities (#10560)
• Add content-normal and content-stretch utilities (#10645)
• Add whitespace-break-spaces utility (#10729)
• Add support for configuring default font-variation-settings for a font-family (#10034, #10515)

Fixed

• Disallow using multiple selectors in arbitrary variants (#10655)
• Sort class lists deterministically for Prettier plugin (#10672)
• Ensure CLI builds have a non-zero exit code on failure (#10703)
• Ensure module dependencies for value null, is an empty Set (#10877)
• Fix format assumption when resolving module dependencies (#10878)

Changed

• Mark rtl and ltr variants as stable and remove warnings (#10764)
• Use inset instead of top, right, bottom, and left properties (#10765)
• Make dark and rtl/ltr variants insensitive to DOM order (#10766)
• Use :is to make important selector option insensitive to DOM order (#10835)