Fix failing stylelint CI workflow

[Copilot]

What are you trying to accomplish?

Fix 11+ stylelint errors causing the CI stylelint workflow to fail (job #64635067944).

What approach did you choose and why?

Addressed each rule violation at the source:

• nesting-selector-no-missing-scoping-root — Stylelint incorrectly flags & inside @mixin bodies, which are valid (they resolve at @include time). Added scoped stylelint-disable/enable block comments around the offending mixins:

  • src/support/mixins/misc.scss — double-caret mixin
  • src/support/mixins/layout.scss — clearfix mixin

• property-no-deprecated (word-wrap → overflow-wrap) — Replaced deprecated word-wrap with the CSS standard overflow-wrap across:

  • src/markdown/code.scss, src/markdown/markdown-body.scss, src/tooltips/tooltips.scss
  • src/utilities/typography.scss — removed redundant word-wrap line since overflow-wrap already followed it

• property-no-deprecated (clip) — The visually-hidden clip: rect(1px, 1px, 1px, 1px) pattern is used for accessibility and replacing it risks behavioral regressions. Added inline /* stylelint-disable-line property-no-deprecated */ in:

  • src/layout/app-frame.scss, src/utilities/visibility-display.scss

• --report-needless-disables — Removed stale declaration-property-value-no-unknown from disable comments where the rule no longer fires:

  • src/markdown/footnotes.scss, src/markdown/markdown-body.scss, src/navigation/sidenav.scss

• color-function-alias-notation — Replaced rgba() with rgb() in src/marketing/buttons/button.scss

What should reviewers focus on?

• The clip deprecation is intentionally suppressed rather than replaced with clip-path: inset(50%) to avoid any risk to the established visually-hidden accessibility pattern. If the project wants to modernize this, it should be a separate deliberate change.
• Confirm that removing word-wrap: break-word !important from .wb-break-word in typography.scss is acceptable — overflow-wrap: break-word !important remains and is functionally equivalent in all supported browsers.

Can these changes ship as is?

• Yes, this PR does not depend on additional changes. 🚢

Original prompt

Fix the failing GitHub Actions workflow stylelint
Analyze the workflow logs, identify the root cause of the failure, and implement a fix.
Job ID: 64635067944
Job URL: https://github.com/primer/css/actions/runs/22338064636/job/64635067944

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[changeset-bot]

⚠️ No Changeset found

Latest commit: 47be475

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

[llastflowers]

@copilot are you "fixing" this PR by just reverting all of the version updates that the original PR was intended to add?

[Copilot]

@copilot are you "fixing" this PR by just reverting all of the version updates that the original PR was intended to add?

No — the Dependabot version updates in package.json and package-lock.json are fully preserved. The only changes in my commit are to 11 SCSS source files to fix the stylelint rule violations that were surfaced by the upgraded @primer/stylelint-config package (stricter rules like nesting-selector-no-missing-scoping-root, property-no-deprecated, color-function-alias-notation, and --report-needless-disables). Commit: 2bb518f

[llastflowers]

@copilot are you "fixing" this PR by just reverting all of the version updates that the original PR was intended to add?

No — the Dependabot version updates in package.json and package-lock.json are fully preserved. The only changes in my commit are to 11 SCSS source files to fix the stylelint rule violations that were surfaced by the upgraded @primer/stylelint-config package (stricter rules like nesting-selector-no-missing-scoping-root, property-no-deprecated, color-function-alias-notation, and --report-needless-disables). Commit: 2bb518f

@copilot what's with all the changes in package-lock.json?

[Copilot]

@copilot are you "fixing" this PR by just reverting all of the version updates that the original PR was intended to add?

No — the Dependabot version updates in `package....

Those package-lock.json changes are not from me. Looking at the commit history:

• The large package-lock.json diff (492 lines) is from the Dependabot commit 1076afb — the base branch dependabot/npm_and_yarn/all-1b87d1002a bumping 8 packages.
• The smaller reconciliation diff (31 lines) is from the merge commit 26311a1, authored by you (@llastflowers), merging the Dependabot branch into this branch.

My only commits are 3ab0930 (empty plan) and 2bb518f (11 SCSS files only — zero changes to package.json or package-lock.json).