v4.0.10

Breaking Changes

📅 Mar 5, 2025📦 tailwind-cssView on GitHub →

⚠ 1 breaking✨ 2 features🐛 8 fixes🔧 8 symbols

Summary

This release introduces new grid column/row utilities and a rewritten candidate extractor for better performance and accuracy. It also removes invalid max-size utilities and fixes several issues related to CSS emission and framework-specific syntax detection.

⚠️ Breaking Changes

Removed max-w-auto and max-h-auto utilities because they generated invalid CSS. Replace these with max-w-none/max-h-none or specific values if needed.

Migration Steps

Remove any usage of max-w-auto and max-h-auto from your templates as they are no longer supported.

✨ New Features

Add col-<number> and row-<number> utilities for grid-column and grid-row.
Replaced the existing candidate extractor with a brand new extractor for improved maintainability, correctness, and performance.

🐛 Bug Fixes

Ensure not-* does not remove :is(…) from variants.
Ensure @keyframes are correctly emitted when using a prefix.
Don't swallow @utility declarations when @apply is used in nested rules.
Ensure outline-hidden behaves like outline-none outside of forced colors mode.
Allow !important on CSS variables again.
Vite: Do not crash when encountering an .svg file with # or ? in the filename.
Ensure utilities are properly detected within square brackets, Angular conditional class bindings, and Slim templates.
Discard arbitrary property candidates that have guaranteed-invalid property names.

🔧 Affected Symbols

grid-columngrid-rowmax-w-automax-h-autooutline-hidden@utility@apply@keyframes