Allow color to be customized for medium-sized IconButtons

[camertron]

Customizing the color of small and large IconButtons works as expected because the component generates a stylesheet with rules targeting the size, eg. [data-size='small'] { color: green }. However for the default, medium, no size attribute is attached to the button and the generated stylesheet does not use it in its rules. This leads to a CSS specificity problem where the default color has a higher specificity than the custom color, meaning the custom color is not applied as expected.

This PR removes the special handling of the medium size, which results in the data-size attribute being added to the button and a generated stylesheet that targets it.

Closes #4863

Changelog

New

Changed

1. Allow color to be customized for medium-sized IconButtons

Removed

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

[changeset-bot]

🦋 Changeset detected

Latest commit: 8864f9f

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	97.37 KB (-0.12% 🔽)
packages/react/dist/browser.umd.js	97.79 KB (+0.05% 🔺)