Skip to content

chore(lint): bump stylelint to 17 without rewriting published CSS - #24

Merged
gfazioli merged 1 commit into
masterfrom
chore/stylelint-17
Jul 28, 2026
Merged

chore(lint): bump stylelint to 17 without rewriting published CSS#24
gfazioli merged 1 commit into
masterfrom
chore/stylelint-17

Conversation

@gfazioli

@gfazioli gfazioli commented Jul 28, 2026

Copy link
Copy Markdown
Owner

Summary

stylelint 16 → 17 and stylelint-config-standard-scss 14 → 17, propagated from mantine-base-component. Also clears the peer mismatch the config had against stylelint 16.

Why the rule is disabled instead of the CSS being fixed

From config ^15 the preset enables color-function-alias-notation, which rewrites rgba()rgb() in the CSS we publish — 128 occurrences across 11 of the 26 components.

The rule is switched off next to color-function-notation, which was already off. Not an ad-hoc exception: this config already disables both color-function-notation and alpha-value-notation, the same family for the same reason. The project had already decided not to have its colour syntax rewritten.

Measured on mantine-led and mantine-marquee (worst case, 72 occurrences) before the rollout: 100% of what stylelint 17 reports is that single rule, so nothing else needed relaxing.

Test plan

  • yarn stylelint clean
  • yarn test (syncpack + format + typecheck + lint + jest)
  • zero CSS files changed — the script aborts if any did
  • diff is 3 files: .stylelintrc.json, package.json, yarn.lock

No release: devDependencies and lint config only.

Summary by CodeRabbit

  • Chores
    • Updated code quality tooling to newer Stylelint versions.
    • Refined linting configuration for improved compatibility with current styling standards.

stylelint 16 → 17 and stylelint-config-standard-scss 14 → 17, clearing the peer
mismatch the config had against stylelint 16.

The pin at ^14 existed because from ^15 the preset enables
color-function-alias-notation, which rewrites rgba() to rgb() in the CSS we publish
(128 occurrences across 11 of the 26 components). The rule is therefore switched off,
next to color-function-notation which was already off — this config already disables
that rule and alpha-value-notation, the same family for the same reason.

Verified: zero CSS files changed, stylelint and the full suite pass.

No release: devDependencies and lint config only.
@gfazioli
gfazioli merged commit caf7918 into master Jul 28, 2026
@gfazioli
gfazioli deleted the chore/stylelint-17 branch July 28, 2026 09:44
@coderabbitai

coderabbitai Bot commented Jul 28, 2026

Copy link
Copy Markdown

Review Change Stack

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: ae1bbf32-5853-47cf-8189-dd08c427e652

📥 Commits

Reviewing files that changed from the base of the PR and between 8975e3d and dd32bf0.

⛔ Files ignored due to path filters (1)
  • yarn.lock is excluded by !**/yarn.lock, !**/*.lock
📒 Files selected for processing (2)
  • .stylelintrc.json
  • package.json

📝 Walkthrough

Walkthrough

Stylelint and its standard SCSS configuration are upgraded to major version 17. The Stylelint configuration is reformatted, disables color-function-alias-notation, and preserves the existing global pseudo-class exception.

Changes

Stylelint update

Layer / File(s) Summary
Stylelint dependencies and configuration
.stylelintrc.json, package.json
Development dependencies move to Stylelint 17 and the SCSS configuration is updated to version 17. The Stylelint configuration adds a disabled color-function-alias-notation rule and reformats existing arrays without changing their values.

Estimated code review effort: 2 (Simple) | ~5 minutes

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch chore/stylelint-17

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant