Update dependency sass to v1.80.5
This MR contains the following updates:
Package | Type | Update | Change |
---|---|---|---|
sass | devDependencies | minor | 1.69.5 -> 1.80.5 |
Release Notes
sass/dart-sass (sass)
v1.80.5
Embedded Host
- Don't produce phantom
@import
deprecations when using an importer with the legacy API.
v1.80.4
- No user-visible changes.
v1.80.3
-
Fix a bug where
@import url("...")
would crash in plain CSS files. -
Improve consistency of how warnings are emitted by different parts of the compiler. This should result in minimal user-visible changes, but different types of warnings should now respond more reliably to flags like
--quiet
,--verbose
, and--silence-deprecation
.
v1.80.2
- Fix a bug where deprecation warnings were incorrectly emitted for the
plain-CSS
invert()
function.
v1.80.1
- Fix a bug where repeated deprecation warnings were not automatically limited.
v1.80.0
-
@import
is now officially deprecated, as are global built-in functions that are available within built-in modules. See the Sass blog post for more details on the deprecation process.
Embedded Host
- Fix an error that would sometimes occur when deprecation warnings were emitted when using a custom importer with the legacy API.
v1.79.6
-
Fix a bug where Sass would add an extra
*/
after loud comments with whitespace after an explicit*/
in the indented syntax. -
Potentially breaking bug fix: Adding text after an explicit
*/
in the indented syntax is now an error, rather than silently generating invalid CSS.
Embedded Host
- Properly export the
SassBoolean
type.
v1.79.5
-
Changes to how
selector.unify()
and@extend
combine selectors:-
The relative order of pseudo-classes (like
:hover
) and pseudo-elements (like::before
) within each original selector is now preserved when they're combined. -
Pseudo selectors are now consistently placed at the end of the combined selector, regardless of which selector they came from. Previously, this reordering only applied to pseudo-selectors in the second selector.
-
-
Tweak the color transformation matrices for OKLab and OKLCH to match the newer, more accurate values in the CSS spec.
-
Fix a slight inaccuracy case when converting to
srgb-linear
anddisplay-p3
. -
Potentially breaking bug fix:
math.unit()
now wraps multiple denominator units in parentheses. For example,px/(em*em)
instead ofpx/em*em
.
Command-Line Interface
- Use
@parcel/watcher
to watch the filesystem when running from JavaScript and not using--poll
. This should mitigate more frequent failures users have been seeing since version 4.0.0 of Chokidar, our previous watching tool, was released.
JS API
- Fix
SassColor.interpolate()
to allow an undefinedoptions
parameter, as the types indicate.
Embedded Sass
- Properly pass missing color channel values to and from custom functions.
v1.79.4
JS API
- Fix a bug where passing
green
orblue
tocolor.change()
for legacy colors would fail.
v1.79.3
- Update the
$channel
parameter in the suggested replacement forcolor.red()
,color.green()
,color.blue()
,color.hue()
,color.saturation()
,color.lightness()
,color.whiteness()
, andcolor.blackness()
to use a quoted string.
v1.79.2
-
Add a
$space
parameter to the suggested replacement forcolor.red()
,color.green()
,color.blue()
,color.hue()
,color.saturation()
,color.lightness()
,color.whiteness()
, andcolor.blackness()
. -
Update deprecation warnings for the legacy JS API to include a link to relevant documentation.
v1.79.1
- No user-visible changes.
v1.79.0
-
Breaking change: Passing a number with unit
%
to the$alpha
parameter ofcolor.change()
,color.adjust()
,change-color()
, andadjust-color()
is now interpreted as a percentage, instead of ignoring the unit. For example,color.change(red, $alpha: 50%)
now returnsrgb(255 0 0 / 0.5)
. -
Potentially breaking compatibility fix: Sass no longer rounds RGB channels to the nearest integer. This means that, for example,
rgb(0 0 1) != rgb(0 0 0.6)
. This matches the latest version of the CSS spec and browser behavior. -
Potentially breaking compatibility fix: Passing large positive or negative values to
color.adjust()
can now cause a color's channels to go outside that color's gamut. In most cases this will currently be clipped by the browser and end up showing the same color as before, but once browsers implement gamut mapping it may produce a different result. -
Add support for CSS Color Level 4 color spaces. Each color value now tracks its color space along with the values of each channel in that color space. There are two general principles to keep in mind when dealing with new color spaces:
-
With the exception of legacy color spaces (
rgb
,hsl
, andhwb
), colors will always be emitted in the color space they were defined in unless they're explicitly converted. -
The
color.to-space()
function is the only way to convert a color to another color space. Some built-in functions may do operations in a different color space, but they'll always convert back to the original space afterwards.
-
-
rgb
colors can now have non-integer channels and channels outside the normal gamut of 0-255. These colors are always emitted using thergb()
syntax so that modern browsers that are being displayed on wide-gamut devices can display the most accurate color possible. -
Add support for all the new color syntax defined in Color Level 4, including:
-
oklab()
,oklch()
,lab()
, andlch()
functions; - a top-level
hwb()
function that matches the space-separated CSS syntax; - and a
color()
function that supports thesrgb
,srgb-linear
,display-p3
,a98-rgb
,prophoto-rgb
,rec2020
,xyz
,xyz-d50
, andxyz-d65
color spaces.
-
-
Add new functions for working with color spaces:
-
color.to-space($color, $space)
converts$color
to the given$space
. In most cases this conversion is lossless—the color may end up out-of-gamut for the destination color space, but browsers will generally display it as best they can regardless. However, thehsl
andhwb
spaces can't represent out-of-gamut colors and so will be clamped. -
color.channel($color, $channel, $space: null)
returns the value of the given$channel
in$color
, after converting it to$space
if necessary. It should be used instead of the old channel-specific functions such ascolor.red()
andcolor.hue()
. -
color.same($color1, $color2)
returns whether two colors represent the same color even across color spaces. It differs from$color1 == $color2
because==
never consider colors in different (non-legacy) spaces as equal. -
color.is-in-gamut($color, $space: null)
returns whether$color
is in-gamut for its color space (or$space
if it's passed). -
color.to-gamut($color, $space: null)
returns$color
constrained to its space's gamut (or to$space
's gamut, if passed). This is generally not recommended since even older browsers will display out-of-gamut colors as best they can, but it may be necessary in some cases. -
color.space($color)
: Returns the name of$color
's color space. -
color.is-legacy($color)
: Returns whether$color
is in a legacy color space (rgb
,hsl
, orhwb
). -
color.is-powerless($color, $channel, $space: null)
: Returns whether the given$channel
of$color
is powerless in$space
(or its own color space). A channel is "powerless" if its value doesn't affect the way the color is displayed, such as hue for a color with 0 chroma. -
color.is-missing($color, $channel)
: Returns whether$channel
's value is missing in$color
. Missing channels can be explicitly specified using the special valuenone
and can appear automatically whencolor.to-space()
returns a color with a powerless channel. Missing channels are usually treated as 0, except when interpolating between two colors and incolor.mix()
where they're treated as the same value as the other color.
-
-
Update existing functions to support color spaces:
-
hsl()
andcolor.hwb()
no longer forbid out-of-bounds values. Instead, they follow the CSS spec by clamping them to within the allowed range. -
color.change()
,color.adjust()
, andcolor.scale()
now support all channels of all color spaces. However, if you want to modify a channel that's not in$color
's own color space, you have to explicitly specify the space with the$space
parameter. (For backwards-compatibility, this doesn't apply to legacy channels of legacy colors—for example, you can still adjust anrgb
color's saturation without passing$space: hsl
). -
color.mix()
andcolor.invert()
now support the standard CSS algorithm for interpolating between two colors (the same one that's used for gradients and animations). To use this, pass the color space to use for interpolation to the$method
parameter. For polar color spaces likehsl
andoklch
, this parameter also allows you to specify how hue interpolation is handled. -
color.complement()
now supports a$space
parameter that indicates which color space should be used to take the complement. -
color.grayscale()
now operates in theoklch
space for non-legacy colors. -
color.ie-hex-str()
now automatically converts its color to thergb
space and gamut-maps it so that it can continue to take colors from any color space.
-
-
The following functions are now deprecated, and uses should be replaced with the new color-space-aware functions defined above:
-
The
color.red()
,color.green()
,color.blue()
,color.hue()
,color.saturation()
,color.lightness()
,color.whiteness()
, andcolor.blackness()
functions, as well as their global counterparts, should be replaced with calls tocolor.channel()
. -
The global
adjust-hue()
,saturate()
,desaturate()
,lighten()
,darken()
,transaprentize()
,fade-out()
,opacify()
, andfade-in()
functions should be replaced bycolor.adjust()
orcolor.scale()
.
-
-
Add a
global-builtin
future deprecation, which can be opted-into with the--future-deprecation
flag or thefutureDeprecations
option in the JS or Dart API. This emits warnings when any global built-in functions that are now available insass:
modules are called. It will become active by default in an upcoming release alongside the@import
deprecation.
Dart API
-
Added a
ColorSpace
class which represents the various color spaces defined in the CSS spec. -
Added
SassColor.space
which returns a color's color space. -
Added
SassColor.channels
and.channelsOrNull
which returns a list of channel values, with missing channels converted to 0 or exposed as null, respectively. -
Added
SassColor.isLegacy
,.isInGamut
,.channel()
,.isChannelMissing()
,.isChannelPowerless()
,.toSpace()
,.toGamut()
,.changeChannels()
, and.interpolate()
which do the same thing as the Sass functions of the corresponding names. -
SassColor.rgb()
now allows out-of-bounds and non-integer arguments. -
SassColor.hsl()
and.hwb()
now allow out-of-bounds arguments. -
Added
SassColor.hwb()
,.srgb()
,.srgbLinear()
,.displayP3()
,.a98Rgb()
,.prophotoRgb()
,.rec2020()
,.xyzD50()
,.xyzD65()
,.lab()
,.lch()
,.oklab()
,.oklch()
, and.forSpace()
constructors. -
Deprecated
SassColor.red
,.green
,.blue
,.hue
,.saturation
,.lightness
,.whiteness
, and.blackness
in favor ofSassColor.channel()
. -
Deprecated
SassColor.changeRgb()
,.changeHsl()
, and.changeHwb()
in favor ofSassColor.changeChannels()
. -
Added
SassNumber.convertValueToUnit()
as a shorthand forSassNumber.convertValue()
with a single numerator. -
Added
InterpolationMethod
andHueInterpolationMethod
which collectively represent the method to use to interpolate two colors.
JS API
-
While the legacy API has been deprecated since we released the modern API, we now emit warnings when the legacy API is used to make sure users are aware that it will be removed in Dart Sass 2.0.0. In the meantime, you can silence these warnings by passing
legacy-js-api
insilenceDeprecations
when using the legacy API. -
Modify
SassColor
to accept a newspace
option, with support for all the new color spaces defined in Color Level 4. -
Add
SassColor.space
which returns a color's color space. -
Add
SassColor.channels
and.channelsOrNull
which returns a list of channel values, with missing channels converted to 0 or exposed as null, respectively. -
Add
SassColor.isLegacy
,.isInGamut()
,.channel()
,.isChannelMissing()
,.isChannelPowerless()
,.toSpace()
,.toGamut()
,.change()
, and.interpolate()
which do the same thing as the Sass functions of the corresponding names. -
Deprecate
SassColor.red
,.green
,.blue
,.hue
,.saturation
,.lightness
,.whiteness
, and.blackness
in favor ofSassColor.channel()
.
Embedded Sass
-
Add
Color
SassScript value, with support for all the new color spaces defined in Color Level 4. -
Remove
RgbColor
,HslColor
andHwbColor
SassScript values.
v1.78.0
-
The
meta.feature-exists
function is now deprecated. This deprecation is namedfeature-exists
. -
Fix a crash when using
@at-root
without any queries or children in the indented syntax.
JS API
-
Backport the deprecation options (
fatalDeprecations
,futureDeprecations
, andsilenceDeprecations
) to the legacy JS API. The legacy JS API is itself deprecated, and you should move off of it if possible, but this will allow users of bundlers and other tools that are still using the legacy API to still control deprecation warnings. -
Fix a bug where accessing
SourceSpan.url
would crash when a relative URL was passed to the Sass API.
Embedded Sass
-
Explicitly expose a
sass
executable from thesass-embedded
npm package. This was intended to be included in 1.63.0, but due to the way platform-specific dependency executables are installed it did not work as intended. Now users can runnpx sass
for local installs or justsass
whensass-embedded
is installed globally. -
Add linux-riscv64, linux-musl-riscv64, and android-riscv64 support for the
sass-embedded
npm package. -
Fix an edge case where the Dart VM could hang when shutting down when requests were in flight.
-
Fix a race condition where the embedded host could fail to shut down if it was closed around the same time a new compilation was started.
-
Fix a bug where parse-time deprecation warnings could not be controlled by the deprecation options in some circumstances.
v1.77.8
- No user-visible changes.
v1.77.7
-
Declarations that appear after nested rules are deprecated, because the semantics Sass has historically used are different from the semantics specified by CSS. In the future, Sass will adopt the standard CSS semantics.
See the Sass website for details.
-
Potentially breaking bug fix:
//
in certain places such as unknown at-rule values was being preserved in the CSS output, leading to potentially invalid CSS. It's now properly parsed as a silent comment and omitted from the CSS output.
v1.77.6
- Fix a few cases where comments and occasionally even whitespace wasn't allowed between the end of Sass statements and the following semicolon.
v1.77.5
- Fully trim redundant selectors generated by
@extend
.
v1.77.4
Embedded Sass
-
Support passing
Version
input forfatalDeprecations
as string over embedded protocol. -
Fix a bug in the JS Embedded Host where
Version
could be incorrectly accepted as input forsilenceDeprecations
andfutureDeprecations
in pure JS.
v1.77.3
Dart API
-
Deprecation.duplicateVariableFlags
has been deprecated and replaced withDeprecation.duplicateVarFlags
to make it consistent with theduplicate-var-flags
name used on the command line and in the JS API.
v1.77.2
-
Don't emit deprecation warnings for functions and mixins beginning with
__
. -
Allow user-defined functions whose names begin with
_
and otherwise look like vendor-prefixed functions with special CSS syntax.
Command-Line Interface
-
Properly handle the
--silence-deprecation
flag. -
Handle the
--fatal-deprecation
and--future-deprecation
flags for--interactive
mode.
v1.77.1
- Fix a crash that could come up with importers in certain contexts.
v1.77.0
- Don't throw errors for at-rules in keyframe blocks.
v1.76.0
-
Throw errors for misplaced statements in keyframe blocks.
-
Mixins and functions whose names begin with
--
are now deprecated for forwards-compatibility with the in-progress CSS functions and mixins spec. This deprecation is namedcss-function-mixin
.
v1.75.0
- Fix a bug in which stylesheet canonicalization could be cached incorrectly when custom importers or the Node.js package importer made decisions based on the URL of the containing stylesheet.
JS API
- Allow
importer
to be passed withouturl
inStringOptionsWithImporter
.
v1.74.1
- No user-visible changes.
v1.72.0
-
Support adjacent
/
s without whitespace in between when parsing plain CSS expressions. -
Allow the Node.js
pkg:
importer to load Sass stylesheets forpackage.json
exports
field entries without extensions. -
When printing suggestions for variables, use underscores in variable names when the original usage used underscores.
JavaScript API
- Properly resolve
pkg:
imports with the Node.js package importer when arguments are passed to the JavaScript process.
v1.71.1
Command-Line Interface
- Ship the musl Linux release with the proper Dart executable.
JavaScript API
-
Export the
NodePackageImporter
class in ESM mode. -
Allow
NodePackageImporter
to locate a default directory even when the entrypoint is an ESM module.
Dart API
- Make passing a null argument to
NodePackageImporter()
a static error rather than just a runtime error.
Embedded Sass
- In the JS Embedded Host, properly install the musl Linux embedded compiler when running on musl Linux.
v1.71.0
For more information about pkg:
importers, see the
announcement on the Sass blog.
Command-Line Interface
- Add a
--pkg-importer
flag to enable built-inpkg:
importers. Currently this only supports the Node.js package resolution algorithm, via--pkg-importer=node
. For example,@use "pkg:bootstrap"
will loadnode_modules/bootstrap/scss/bootstrap.scss
.
JavaScript API
- Add a
NodePackageImporter
importer that can be passed to theimporters
option. This loads files using thepkg:
URL scheme according to the Node.js package resolution algorithm. For example,@use "pkg:bootstrap"
will loadnode_modules/bootstrap/scss/bootstrap.scss
. The constructor takes a single optional argument, which indicates the base directory to use when locatingnode_modules
directories. It defaults topath.dirname(require.main.filename)
.
Dart API
- Add a
NodePackageImporter
importer that can be passed to theimporters
option. This loads files using thepkg:
URL scheme according to the Node.js package resolution algorithm. For example,@use "pkg:bootstrap"
will loadnode_modules/bootstrap/scss/bootstrap.scss
. The constructor takes a single argument, which indicates the base directory to use when locatingnode_modules
directories.
v1.70.0
JavaScript API
-
Add a
sass.initCompiler()
function that returns asass.Compiler
object which supportscompile()
andcompileString()
methods with the same API as the global Sass object. On the Node.js embedded host, eachsass.Compiler
object uses a single long-lived subprocess, making compiling multiple stylesheets much more efficient. -
Add a
sass.initAsyncCompiler()
function that returns asass.AsyncCompiler
object which supportscompileAsync()
andcompileStringAsync()
methods with the same API as the global Sass object. On the Node.js embedded host, eachsass.AsynCompiler
object uses a single long-lived subprocess, making compiling multiple stylesheets much more efficient.
Embedded Sass
-
Support the
CompileRequest.silent
field. This allows compilations with no logging to avoid unnecessary request/response cycles. -
The Dart Sass embedded compiler now reports its name as "dart-sass" rather than "Dart Sass", to match the JS API's
info
field.
v1.69.7
Embedded Sass
- In the JS Embedded Host, properly install the x64 Dart Sass executable on ARM64 Windows.
v1.69.6
-
Produce better output for numbers with complex units in
meta.inspect()
and debugging messages. -
Escape U+007F DELETE when serializing strings.
-
When generating CSS error messages to display in-browser, escape all code points that aren't in the US-ASCII region. Previously only code points U+0100 LATIN CAPITAL LETTER A WITH MACRON were escaped.
-
Provide official releases for musl LibC and for Android.
-
Don't crash when running
meta.apply()
in asynchronous mode.
JS API
- Fix a bug where certain exceptions could produce
SourceSpan
s that didn't follow the documentedSourceSpan
API.
Configuration
-
If you want to rebase/retry this MR, check this box
This MR has been generated by Renovate Bot.