remove sx from RadioGroup and Truncate

[liuliu-dev]

Removes support for the sx prop from the RadioGroup component

• RadioGroup: Removed SxProp and replace sx in Banner.examples.stories that uses RadioGroup
• Migrates the Truncate component away from BoxWithFallback components and sx prop support to use CSS modules

Note:

• Multiple repos are still using sx props with RadioGroup.

• Multiple repos are using Truncate with sx props including github/github-ui, need to update the import in github/github-ui, wait until this change is in to update the export pattens.

• Major release; if selected, include a written rollout or migration plan

[changeset-bot]

🦋 Changeset detected

Latest commit: 90be68b

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	Major
@primer/styled-react	Major

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	89.81 KB (+0.07% 🔺)
packages/react/dist/browser.umd.js	89.9 KB (+0.02% 🔺)

[github-actions]

Uh oh! @liuliu-dev, 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 10
• Images should have meaningful alternative text (alt text) at line 14

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.

[Copilot]

Pull Request Overview

This PR removes the sx prop support from the RadioGroup and Truncate components as part of migrating away from styled-components to CSS modules. The changes ensure backward compatibility by maintaining sx support in the styled-react package while removing it from the core components.

• Removes sx prop from RadioGroup and Truncate components in the main package
• Adds wrapper components in styled-react package to maintain backward compatibility
• Migrates Truncate from BoxWithFallback to native React components with CSS modules

Reviewed Changes

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

Show a summary per file

File	Description
packages/styled-react/src/index.tsx	Adds wrapper components for RadioGroup and Truncate that restore sx prop support for backward compatibility
packages/react/src/index.ts	Exports RadioGroupProps type for external usage
packages/react/src/Truncate/Truncate.tsx	Removes sx prop and BoxWithFallback dependency, migrates to CSS modules
packages/react/src/RadioGroup/RadioGroup.tsx	Removes sx prop from RadioGroupProps type definition
packages/react/src/Banner/Banner.examples.stories.tsx	Replaces sx prop usage with CSS module class
packages/react/src/ActionList/Description.tsx	Removes sx prop usage from Truncate 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!

[primer-integration]

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

[primer-integration]

🟢 ci completed with status success.