-
Notifications
You must be signed in to change notification settings - Fork 4.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Upgrade sass to version 1.54.0 #68380
Conversation
Size Change: 0 B Total Size: 1.84 MB ℹ️ View Unchanged
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.
To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
Flaky tests detected in 34fcc71. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/12542942236
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good, thank you 👍
Discovered while working on #68282
What?
This PR updates the sass version from
1.50.1
to1.54.0
in the Gutenberg project and scripts package.Why?
In #68282, I proposed adding the missing
reduce-motion
mixin. However, I found that thecomponents
package uses the following standard pattern instead of the mixin:So I tried to introduce a similar standard pattern to packages other than the
components
package, but sass, which is used in Gutenberg and scripts, does not support this pattern, so the following error occurs during build.How?
To make such CSS patterns available, upgrade sass version to
1.54.0
, which supports the new media query syntax.Actually, we can upgrade up to
1.77.6
. We cannot upgrade to1.77.7
or higher, because1.77.7
added a deprecation related to nested rules.dart-sass CHANGELOG
Testing Instructions
Add the following style to any package:
Run
npm run build:packages
wp-scripts
Add the above style to any stylesheet and run
../node_modules/.bin/wp-scripts build