feat: add interpolate-size utilities for keyword interpolation in animations

[abdelrhmanahmed255]

Summary

Adds static utilities for the CSS interpolate-size property (interpolate-size-allow and interpolate-size-numeric), enabling smooth transitions and animations between numeric length values and intrinsic sizing keywords such as height: auto.

Utilities Added

• interpolate-size-allow -> interpolate-size: allow-keywords;
• interpolate-size-numeric -> interpolate-size: numeric-only;

Changes

• Registered static utilities in packages/tailwindcss/src/utilities.ts
• Added property sorting order in packages/tailwindcss/src/property-order.ts
• Added unit tests in packages/tailwindcss/src/utilities.test.ts
• Updated CHANGELOG.md

[coderabbitai]

Navigate logical layers of code changes, visualize relationships, and explore their blast radius.

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Advanced

Run ID: 37f81b92-1ddc-4ab8-a86a-d0760c7d9d60

📥 Commits

Reviewing files that changed from the base of the PR and between 7b7e779 and ad50da2.

📒 Files selected for processing (1)

• CHANGELOG.md

🚧 Files skipped from review as they are similar to previous changes (1)

• CHANGELOG.md

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 6 remain after this review.

---

Walkthrough

Adds interpolate-size-allow and interpolate-size-numeric. They generate interpolate-size: allow-keywords and interpolate-size: numeric-only, respectively. The property ordering list includes interpolate-size. Tests cover both utilities and check that unsupported and negated forms produce no output. The changelog records the utilities.

Priority: ⬇️ Low

Merge Risk: ⚪ Minimal · up to ad50d

The two utilities appear ready to merge after normal checks; their declarations match the tests and documented feature.

Architecture Summary

Architecture risk: 🔵 Low · up to 7b7e7

The change affects 2 systems.

Changed systems: packages/tailwindcss, CHANGELOG.md

Architecture concerns
No architecture-level concerns identified.

Review details

Systems and components

• observed — packages/tailwindcss (library) was modified; 3 changed files map to changed impact.
• observed — CHANGELOG.md (service) was modified; 1 changed file maps to changed impact.

Before / after behavior

• observed — Modified behavior in CHANGELOG.md: Adds a changelog entry for the interpolate-size-allow and interpolate-size-numeric utilities, describing their support for CSS keyword animation.
• observed — Modified behavior in packages/tailwindcss/src/property-order.ts: Added interpolate-size after field-sizing in the property ordering list.
• observed — Modified behavior in packages/tailwindcss/src/utilities.test.ts: Adds a test for the two supported interpolate-size utilities and their CSS values, and checks that an unsupported arbitrary value combined with both negated utilities produces no output.
• observed — Modified behavior in packages/tailwindcss/src/utilities.ts: Adds two static utilities for setting interpolate-size to allow-keywords or numeric-only.

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly and concisely describes the main change: adding interpolate-size utilities for keyword interpolation in animations.
Description check	✅ Passed	The description directly explains the new utilities, their CSS output, registration, sorting order, tests, and changelog update.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[greptile-apps]

Confidence Score: 5/5

[Medium risk] Adds new CSS utility classes for animation interpolation.

The PR appears safe to merge; the change since the previous review introduces no actionable issue.

_{Reviews (2) · Last reviewed commit: "docs(changelog): link PR #20518 in chang..."}