Bug Fix for Text component and styled system arguments

[jonrohan]

This was discovered in #5070. The Text component wasn't doing anything with styled system typography or common props. This PR adds logic to ensure that these props are correctly passed to the Box component when the Text component is used with the CSS modules feature flag enabled.

You can observe the bug by visiting the SegmentedControl storybook example with flag off vs flag on.

Changelog

Changed

Correctly pass styled system typography and common props to the Box component in the Text component when the CSS modules feature flag is enabled.

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: e247b44

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

This PR includes changesets to release 1 package

Name	Type
@primer/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]

size-limit report 📦

Path	Size
packages/react/dist/browser.esm.js	96.92 KB (-0.02% 🔽)
packages/react/dist/browser.umd.js	97.16 KB (+0.05% 🔺)

[joshblack]

Left a comment for the helper function, was curious what you would say 🤔 Wasn't sure if this was in a fast path or not / if this component can be used a lot on a page.