chore(Token): Remove the CSS modules feature flag from the Token component

[jonrohan]

Closes https://github.com/github/primer/issues/4367

Changelog

New

Changed

Removed

Remove the CSS modules feature flag from the Token component

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

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 (Learn more about how to run integration tests)

[changeset-bot]

🦋 Changeset detected

Latest commit: 32a0353

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	Minor

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]

👋 Hi, this pull request contains changes to the source code that github/github depends on. If you are GitHub staff, we recommend testing these changes with github/github using the integration workflow. Thanks!

[github-actions]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	97.13 KB (-0.79% 🔽)
packages/react/dist/browser.umd.js	97.54 KB (-0.67% 🔽)

[primer-integration]

👋 Hi from github/github! Your integration PR is ready: https://github.com/github/github/pull/376647

[primer-integration]

🟢 golden-jobs completed with status success.

[github-actions]

👋 Hi, there are new commits since the last successful integration test. We recommend running the integration workflow once more, unless you are sure the new changes do not affect github/github. Thanks!

[Copilot]

Pull Request Overview

This PR removes the CSS modules feature flag from the Token component, drops the old styled-components toggles, and wires all Token subcomponents to use CSS modules via BoxWithFallback.

• Remove all useFeatureFlag and toggleStyledComponent logic for primer_react_css_modules_ga.
• Swap out styled-component wrappers for BoxWithFallback + CSS modules classes.
• Clean up TokenBase and its children (_TokenTextContainer, _RemoveTokenButton, AvatarToken, IssueLabelToken, etc.) to use native elements and CSS modules directly.

Reviewed Changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
src/Token/_TokenTextContainer.tsx	Replaced styled-component toggle with BoxWithFallback + CSS module class.
src/Token/_RemoveTokenButton.tsx	Dropped styled-system variants & feature-flag logic; wrapped in BoxWithFallback.
src/Token/TokenBase.tsx	Collapsed dual-branch into a single BoxWithFallback; removed styled-component.
src/Token/Token.tsx	Removed feature-flag guard and style merges; simplified markup.
src/Token/Token.module.css	Added leading visual container styles.
src/Token/IssueLabelToken.tsx	Removed feature-flag guard and styled-system code.
src/Token/AvatarToken.tsx	Dropped styled-component wrapper; replaced with native <span>.
.changeset/tame-trains-hide.md	Bump to minor and note CSS modules flag removal.

Comments suppressed due to low confidence (2)

packages/react/src/Token/TokenBase.tsx:74

• The handler no longer invokes onRemove when Backspace or Delete is pressed. Reintroduce logic to call onRemove() inside this callback when those keys are detected to preserve keyboard-removal behavior.

onKeyDown={(event: KeyboardEvent<HTMLSpanElement & HTMLAnchorElement & HTMLButtonElement>) => {

packages/react/src/Token/TokenBase.tsx:74

• New keyboard-removal logic should be covered by unit tests to ensure onRemove fires on Backspace/Delete. Add tests targeting this keydown behavior.

onKeyDown={(event: KeyboardEvent<HTMLSpanElement & HTMLAnchorElement & HTMLButtonElement>) => {

[Copilot]

The className and id props are destructured but not forwarded into BoxWithFallback, so any custom classes or identifiers on TokenBase are dropped. Add className={className} and id={id} to the component.

[github-actions]

👋 Hi, there are new commits since the last successful integration test. We recommend running the integration workflow once more, unless you are sure the new changes do not affect github/github. Thanks!

[github-actions]

👋 Hi, there are new commits since the last successful integration test. We recommend running the integration workflow once more, unless you are sure the new changes do not affect github/github. Thanks!