diff --git a/.changeset/blue-stingrays-decide.md b/.changeset/blue-stingrays-decide.md new file mode 100644 index 00000000000..48d40f5449b --- /dev/null +++ b/.changeset/blue-stingrays-decide.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Add `:where()` selector to classes that land on nodes that have a `sx` prop. diff --git a/packages/react/src/Heading/Heading.module.css b/packages/react/src/Heading/Heading.module.css index eb758e66331..df66c322d6b 100644 --- a/packages/react/src/Heading/Heading.module.css +++ b/packages/react/src/Heading/Heading.module.css @@ -1,4 +1,4 @@ -.Heading { +:where(.Heading) { margin: 0; font-size: var(--text-title-size-large); font-weight: var(--base-text-weight-semibold); diff --git a/packages/react/src/Link/Link.module.css b/packages/react/src/Link/Link.module.css index 6f88d9e3ad2..51684908da0 100644 --- a/packages/react/src/Link/Link.module.css +++ b/packages/react/src/Link/Link.module.css @@ -1,4 +1,4 @@ -.Link { +:where(.Link) { color: var(--fgColor-accent); text-decoration: none;