fix(Token): Render <a/> tag as interactive element

[devinmcinnis]

Closes #

Changelog

New

Changed

• Fixed isTokenInteractive function call in TokenBase.tsx to include the as prop: isTokenInteractive({as, ...rest})

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

The fix ensures that:

• Button and anchor tokens correctly show data-cursor-is-interactive="true"
• Non-interactive span tokens show data-cursor-is-interactive="false"
• Tokens with onClick/onFocus handlers are properly detected as interactive
• The CSS cursor styling (pointer vs auto) works as designed

All existing tests continue to pass, and new tests verify both the utility function behaviour and the integration with rendered components.

To compare, Storybook link before the change (cursor:auto on Link) vs after the change (cursor:pointer on Link).

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: 7f78bef

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]

👋 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	90.12 KB (-0.09% 🔽)
packages/react/dist/browser.umd.js	90.44 KB (+0.07% 🔺)

[devinmcinnis]

(GitHub staff only) Integration tests pass at github/github (Learn more about how to run integration tests)

Tried following this but could not find the canary version

[Copilot]

Pull Request Overview

This PR fixes a bug in the TokenBase component where the as prop was not being passed to the isTokenInteractive function, causing anchor elements to be incorrectly treated as non-interactive. This affected the cursor styling, where anchor tokens showed cursor:auto instead of the expected cursor:pointer.

• Fixed isTokenInteractive function call to include the as prop
• Added comprehensive test coverage for interactive behavior across different element types
• Added changeset for patch release

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated no comments.

File	Description
packages/react/src/Token/TokenBase.tsx	Fixed function call to pass as prop to isTokenInteractive
packages/react/src/Token/__tests__/Token.test.tsx	Added tests for interactive behavior validation
.changeset/wet-crews-drum.md	Added changeset documenting the fix