Skip to content

Add font-features-* utility for font-feature-settings#19623

Merged
RobinMalfait merged 5 commits intomainfrom
claude/add-font-features-utility-9f85e
Jan 30, 2026
Merged

Add font-features-* utility for font-feature-settings#19623
RobinMalfait merged 5 commits intomainfrom
claude/add-font-features-utility-9f85e

Conversation

@adamwathan
Copy link
Member

@adamwathan adamwathan commented Jan 30, 2026

Summary

This PR adds a new font-features-* utility that sets the font-feature-settings CSS property. This is an arbitrary-value-only utility, meaning it does not accept bare values from the theme — only arbitrary values like font-features-["smcp"] or font-features-[var(--features)].

Changes

  1. property-order.ts: Added font-feature-settings to the property ordering list, sorted directly after font-family to ensure consistent cascade ordering
  2. utilities.ts: Registered the font-features functional utility that emits font-feature-settings
  3. utilities.test.ts: Added test coverage including literal values, comma-separated lists, theme references, and expressions
  4. CHANGELOG.md: Added entry for the new utility
    Test plan
    All changes are covered by unit tests in utilities.test.ts verifying correct CSS output generation for various value types (literals, comma-separated lists, theme references, and expressions).

https://claude.ai/code/session_01EAccbTHJ9dTUJ53ttq2jc4

@adamwathan adamwathan requested a review from a team as a code owner January 30, 2026 11:47
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Jan 30, 2026

Walkthrough

Adds 'font-feature-settings' to the property order in packages/tailwindcss/src/property-order.ts; registers a font-features functional utility that emits font-feature-settings in packages/tailwindcss/src/utilities.ts (the registration is inserted twice); adds tests in packages/tailwindcss/src/utilities.test.ts covering font-features-* with literals, arrays/comma lists, theme references, parentheses, and arbitrary values; and updates CHANGELOG.md to include the new font-features-* utility.

🚥 Pre-merge checks | ✅ 2
✅ Passed checks (2 passed)
Check name Status Explanation
Title check ✅ Passed The title accurately describes the main change: adding a new font-features-* utility for font-feature-settings CSS property.
Description check ✅ Passed The description is directly related to the changeset, explaining the new utility, its behavior, and placement in property order.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.


Comment @coderabbitai help to get the list of available commands and usage tips.

claude and others added 5 commits January 30, 2026 15:14
Add a new arbitrary-value-only utility `font-features-*` that sets the
`font-feature-settings` CSS property. This utility only accepts arbitrary
values (e.g., `font-features-["smcp"]`, `font-features-[var(--features)]`).

The utility is sorted directly after `font-family` in the property order.

https://claude.ai/code/session_01EAccbTHJ9dTUJ53ttq2jc4
@RobinMalfait RobinMalfait force-pushed the claude/add-font-features-utility-9f85e branch from cb9b8a6 to 18aebfc Compare January 30, 2026 14:16
@RobinMalfait RobinMalfait enabled auto-merge (squash) January 30, 2026 14:16
@RobinMalfait RobinMalfait merged commit 53205f5 into main Jan 30, 2026
7 checks passed
@RobinMalfait RobinMalfait deleted the claude/add-font-features-utility-9f85e branch January 30, 2026 14:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

Comments