refactor(IssueLabel): update types, tests, and stories for usage

[joshblack]

Update our IssueLabel component to prepare for its documentation to be published on our site. These updates include:

• Update TypeScript types to support polymorphic as along with defaulting to specific element types (like button, a, span) based on certain props
• Add tests to Vitest and update e2e VRT tests

Changelog

New

Changed

• Update IssueLabel component
  • Add tests and update VRT tests
  • Update TypeScript types to support as and children for content
  • Add types test

Removed

Rollout strategy

• Minor release

[changeset-bot]

🦋 Changeset detected

Latest commit: ee0180b

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	92.26 KB (0%)
packages/react/dist/browser.umd.js	92.35 KB (0%)

[Copilot]

Pull Request Overview

This PR refactors the IssueLabel component to prepare it for documentation publication by updating its TypeScript types, adding comprehensive tests, and modernizing its API. The main changes include replacing the text prop with children, adding polymorphic as prop support, and implementing proper type discrimination based on props.

• Add comprehensive test coverage with Vitest unit tests and enhanced e2e VRT tests
• Update TypeScript types to support polymorphic as prop with proper type discrimination
• Replace text prop with children for more flexible content support

Reviewed Changes

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

Show a summary per file

File	Description
packages/react/src/experimental/IssueLabel/IssueLabel.tsx	Core component refactor with new polymorphic types and implementation
packages/react/src/experimental/IssueLabel/IssueLabel.test.tsx	New comprehensive unit tests for all component variants and behaviors
packages/react/src/experimental/IssueLabel/IssueLabel.types.test.tsx	New TypeScript type tests to verify polymorphic behavior
packages/react/src/experimental/IssueLabel/IssueLabel.stories.tsx	Updated Storybook stories to use new children API
packages/react/src/experimental/IssueLabel/IssueLabel.features.stories.tsx	Updated feature stories with new API and added interaction handling
packages/react/src/experimental/IssueLabel/IssueLabel.module.css	Added CSS layer and removed :where() selectors for better specificity
packages/react/src/experimental/IssueLabel/IssueLabel.docs.json	Updated documentation metadata and prop definitions
packages/react/vitest.config.browser.mts	Added IssueLabel tests to browser test configuration
packages/react/jest.config.js	Added IssueLabel to Jest test configuration
e2e/components/IssueLabel.test.ts	Enhanced e2e tests with interaction testing for button and link variants
.changeset/dry-chairs-start.md	Added changeset for minor release