feat(FilteredSearch): remove support for sx and styled

[joshblack]

Closes #6777
Part of: https://github.com/github/primer/issues/5421 (for removal of styled)

Changelog

New

Changed

• Update styled usage to CSS Modules

Removed

• Remove support for sx from deprecated component

Rollout strategy

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

This component has no sx usage downstream and can safely be migrated

[changeset-bot]

🦋 Changeset detected

Latest commit: cd06b2a

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

[Copilot]

Pull Request Overview

This PR removes support for the sx prop and migrates from styled-components to CSS Modules for the deprecated FilteredSearch component, as part of the broader effort to remove styled-components from the codebase.

• Converts FilteredSearch from a styled-component to a regular React function component
• Migrates styles from styled-components to CSS Modules using CSS custom properties
• Removes the sx prop support which was provided by the styled-components implementation

Reviewed Changes

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

File	Description
packages/react/src/deprecated/FilteredSearch/FilteredSearch.tsx	Converts from styled-component to function component, removes sx prop support
packages/react/src/deprecated/FilteredSearch/FilteredSearch.module.css	New CSS Module containing migrated styles with CSS custom properties
.changeset/rotten-carpets-raise.md	Documents the breaking change for major version release

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

[siddharthkp]

Let's go!

[primer-integration]

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

[primer-integration]

🟢 ci completed with status success.