feat(text): add recipe and tokens

[thetaPC]

Issue number: resolves internal

---

What is the current behavior?

ion-text does not fragment styles based on themes. All 3 themes share one style. However, it's not configured to the Modular Ionic.

What is the new behavior?

• Added per-theme token defaults in ios, md, and ionic theme files.
• Added a hue prop for selecting between vibrant and muted color variants. Defaults to "bold".
• Adds IonTextRecipe / IonTextConfig / IonTextHue types.
• Use foreground for colors.

Does this introduce a breaking change?

• Yes
• No

This PR introduces breaking changes to how ion-text is styled.

Migration Path:

1. Theme classes: Remove any instances that target the theme classes: ion-text.md, ion-text.ios.

2. Color prop: The color applied by the color prop now reads from --ion-text-hue-{bold,subtle}-semantic-default-color instead of --ion-color-base directly. Consumers who were overriding the color via theme classes or by setting --ion-color-base on ion-text should switch to the new tokens.

Hue	Token (global)	CSS variable (component-specific)
bold	IonText.hue.bold.semantic.default.color	--ion-text-hue-bold-semantic-default-color
subtle	IonText.hue.subtle.semantic.default.color	--ion-text-hue-subtle-semantic-default-color

Other information

Previews

• Text: basic
• Text: hue

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ionic-framework	Ready	Preview, Comment	May 26, 2026 10:13pm