refactor(styled-react): update structure to reduce merge conflicts

[joshblack]

Update the structure of packages/styled-react to reduce merge conflicts (potentially) by:

• Splitting out components into their own files instead of in the main index.tsx files
• Moving common dependencies (Box, SxProp, sx, SystemProps, etc) into files in packages/styled-react that will be where these will end up to reduce churn later on

It also exports the types from these components to make migration easier

[changeset-bot]

⚠️ No Changeset found

Latest commit: 51b57ae

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[Copilot]

Pull Request Overview

This refactor restructures the packages/styled-react package by splitting component definitions from the main index file into separate component files, improving modularity and reducing potential merge conflicts.

• Components (SegmentedControl, StateLabel, SubNav, ToggleSwitch) moved to individual files in components/ directory
• Common dependencies (Box, SxProp, sx, SystemProps) extracted into dedicated utility files
• Component types now exported from their respective modules for easier migration

Reviewed Changes

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

Show a summary per file

File	Description
packages/styled-react/src/index.tsx	Updated to use re-exports from component modules instead of inline definitions
packages/styled-react/src/sx.ts	New file exporting sx utilities from @primer/react
packages/styled-react/src/styled-props.ts	New file defining StyledProps type and styled-system imports
packages/styled-react/src/components/Box.tsx	New file re-exporting Box component from @primer/react
packages/styled-react/src/components/SegmentedControl.tsx	Extracted SegmentedControl component and types
packages/styled-react/src/components/StateLabel.tsx	Extracted StateLabel component and types
packages/styled-react/src/components/SubNav.tsx	Extracted SubNav component and types
packages/styled-react/src/components/ToggleSwitch.tsx	Extracted ToggleSwitch component and types

[francinelucca]

👏

[primer-integration]

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

[primer-integration]

🟢 ci completed with status success.