ProgressBar: Remove sx

[TylerJDev]

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

Removes sx support in ProgressBar

Changelog

Removed

• Removes sx references in ProgressBar

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: 16115b8

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.57 KB (+0.17% 🔺)
packages/react/dist/browser.umd.js	89.58 KB (-0.06% 🔽)

[Copilot]

Pull Request Overview

This PR removes sx prop support from the ProgressBar component as part of the ongoing migration away from styled-components. The change involves updating the component implementation to use standard HTML elements instead of the BoxWithFallback wrapper that provided sx functionality.

Key Changes

• Removed sx prop support from ProgressBar and ProgressBar.Item components
• Replaced BoxWithFallback wrapper with standard span elements
• Updated type definitions to exclude SxProp

Reviewed Changes

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

Show a summary per file

File	Description
packages/react/src/ProgressBar/ProgressBar.tsx	Main implementation changes removing sx support and BoxWithFallback usage
packages/styled-react/src/index.tsx	Removed ProgressBar from styled-react package exports
packages/styled-react/src/tests/primer-react.browser.test.tsx	Removed sx prop tests for ProgressBar components
packages/styled-react/src/tests/snapshots/exports.test.ts.snap	Updated snapshot to reflect removed ProgressBar export
.changeset/three-vans-join.md	Added changeset documenting the breaking change

[Copilot]

The progress prop is being removed from the span element props but it's still being passed to the component and may cause React warnings about unknown DOM attributes. Consider filtering it out in the destructuring or rest props.

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

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

[primer-integration]

🟢 ci completed with status success.