chore: remove useTheme from IssueLabel

[francinelucca]

This will not work when we remove styled-system theming support, so refactoring to depend on data-color-mode attribute instead

Changelog

Changed

• refactor IssueLabel to no use useTheme(), handle everything with css variables instead

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: 14e13aa

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

This PR includes changesets to release 2 packages

Name	Type
@primer/react	Patch
@primer/styled-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!

[Copilot]

Pull Request Overview

Refactors IssueLabel to remove dependency on useTheme and precompute both light and dark label color CSS variables based on the provided hex color. The component now relies on data-color-mode selectors and CSS variables instead of runtime theme context.

• Compute light and dark mode color variants in getColorsFromHex and return dual sets of CSS custom properties
• Replace useTheme in IssueLabel with static variable generation and add CSS selectors to map mode-specific vars
• Add changeset for patch release

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 5 comments.

File	Description
packages/react/src/experimental/IssueLabel/getColorFromHex.ts	Refactors function to drop theme params and output both light/dark CSS vars; introduces hardcoded base backgrounds
packages/react/src/experimental/IssueLabel/IssueLabel.tsx	Removes useTheme and updates style merging to use new getColorsFromHex signature
packages/react/src/experimental/IssueLabel/IssueLabel.module.css	Adds selectors to map light/dark mode-specific vars to generic label vars (one selector potentially too narrow)
.changeset/curly-rivers-arrive.md	Declares patch release for the refactor

[primer-integration]

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

[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!

[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!

[primer-integration]

🟢 ci 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!