fix(TokenTextContainer): Update the line-height to use a primer primitives CSS variable

[jonrohan]

While looking at https://github.com/github/github-ui/pull/18258 I found that the TokenTextContainer was using line-height: normal; I think this might have been a bug when we converted the component from styled components. As the previous styled system lineHeight: normal would have converted to the "normal" value of the css variable.

I'm fixing by using the CSS variable var(--base-text-lineHeight-normal);

Changelog

New

Changed

Fixing TokenTextContainer line-height to use primer primitives

Removed

Rollout strategy

• Patch release
• Minor release
• Major release; if selected, include a written rollout or migration plan
• None; if selected, include a brief description as to why

Testing & Reviewing

I'm not expecting this to make too much of a difference in prod, the bug I noticed was very subtle line height shift. Here's a gif toggling between the change:

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Storybook)
• Changes are SSR compatible
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge
• (GitHub staff only) Integration tests pass at github/github-ui (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: 2fea2c4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/react	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

Uh oh! @jonrohan, at least one image you shared is missing helpful alt text. Check your pull request body to fix the following violations:

• Images should have meaningful alternative text (alt text) at line 34

Alt text is an invisible description that helps screen readers describe images to blind or low-vision users. If you are using markdown to display images, add your alt text inside the brackets of the markdown image.

Learn more about alt text at Basic writing and formatting syntax: images on GitHub Docs.

🤖 Beep boop! This comment was added automatically by github/accessibility-alt-text-bot.

[github-actions]

⚠️ Action required

👋 Hi, this pull request contains changes to the source code that github/github-ui depends on. If you are GitHub staff, test these changes with github/github-ui using the integration workflow. Check the integration testing docs for step-by-step instructions. Or, apply the integration-tests: skipped manually label to skip these checks.

To publish a canary release for integration testing, apply the Canary Release label to this PR.

[jonrohan]

I'm skipping integration tests because this is just a CSS change

[Copilot]

Pull request overview

Updates TokenTextContainer’s line-height to use a Primer primitives CSS custom property instead of the literal normal value, aligning behavior with the prior styled-system mapping.

Changes:

• Replace line-height: normal; with line-height: var(--base-text-lineHeight-normal); in the Token text container CSS.
• Remove the stylelint-disable-next-line primer/typography suppression that was only needed for the raw normal value.

Show a summary per file

File	Description
packages/react/src/Token/_TokenTextContainer.module.css	Switches line-height to a primitives-backed CSS variable for consistent typography behavior.

Copilot's findings

• Files reviewed: 2/2 changed files
• Comments generated: 0