Tailwind CSS

v4.3.1 shipped June 12 with a round of fixes for the utility engine and compatibility patches for Node 26.

Scrollbar, zoom, and tab utilities close gaps with native CSS. The scrollbar suite (scrollbar-{auto,thin,none}, scrollbar-thumb-*, scrollbar-track-*, scrollbar-gutter-*) maps directly to CSS scrollbar-width and scrollbar-color; zoom-* covers the zoom property; tab-* controls tab-size — all areas where developers previously needed custom CSS or a plugin. @container-size landed alongside these, enabling container queries that key on height as well as width.

@variant gained stacked and compound forms. You can now write @variant hover:focus { … } and @variant hover, focus { … } directly, and functional @utility definitions support --default(…) for fallback values.

The class optimizer shrank your output more aggressively. The canonicalization engine now collapses shorthand pairs (px-[…] py-[…] → p-[…], border-t-* border-b-* → border-y-*), migrates legacy :has() variants to idiomatic has-[…] form, and preserves arbitrary value formatting faithfully without normalizing units to base pixels. v4.3.1 also patched a crash when plugin utilities throw for unsupported values, and fixed not-* negation of @container style(…) queries.

@apply now works inside CSS mixins. The module loader also switched to Module#registerHooks to silence Node 26 deprecation warnings.

The Prettier plugin opened a public sorting API. The /sorter subpath exports programmatic class ordering so tooling authors can reuse the logic outside Prettier. The release also dropped recast and ast-types, switched to directory-based config caching, and requires Prettier 3.7+.