Skip to content

Commit

Permalink
chore(deps): update dependency sass to ~1.79.0 (#12045)
Browse files Browse the repository at this point in the history
This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [sass](https://redirect.github.com/sass/dart-sass) | [`~1.78.0` -> `~1.79.0`](https://renovatebot.com/diffs/npm/sass/1.78.0/1.79.3) | [![age](https://developer.mend.io/api/mc/badges/age/npm/sass/1.79.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/sass/1.79.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/sass/1.78.0/1.79.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) | [![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/sass/1.78.0/1.79.3?slim=true)](https://docs.renovatebot.com/merge-confidence/) |

---

### Release Notes

<details>
<summary>sass/dart-sass (sass)</summary>

### [`v1.79.3`](https://redirect.github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1793)

[Compare Source](https://redirect.github.com/sass/dart-sass/compare/1.79.2...1.79.3)

-   Update the `$channel` parameter in the suggested replacement for
    `color.red()`, `color.green()`, `color.blue()`, `color.hue()`,
    `color.saturation()`, `color.lightness()`, `color.whiteness()`, and
    `color.blackness()` to use a quoted string.

### [`v1.79.2`](https://redirect.github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1792)

[Compare Source](https://redirect.github.com/sass/dart-sass/compare/1.79.1...1.79.2)

-   Add a `$space` parameter to the suggested replacement for `color.red()`,
    `color.green()`, `color.blue()`, `color.hue()`, `color.saturation()`,
    `color.lightness()`, `color.whiteness()`, and `color.blackness()`.

-   Update deprecation warnings for the legacy JS API to include a link to
    [relevant documentation].

[relevant documentation]: https://sass-lang.com/d/legacy-js-api

### [`v1.79.1`](https://redirect.github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1791)

[Compare Source](https://redirect.github.com/sass/dart-sass/compare/1.79.0...1.79.1)

-   No user-visible changes.

### [`v1.79.0`](https://redirect.github.com/sass/dart-sass/blob/HEAD/CHANGELOG.md#1790)

[Compare Source](https://redirect.github.com/sass/dart-sass/compare/1.78.0...1.79.0)

-   **Breaking change**: Passing a number with unit `%` to the `$alpha` parameter
    of `color.change()`, `color.adjust()`, `change-color()`, and `adjust-color()`
    is now interpreted as a percentage, instead of ignoring the unit. For example,
    `color.change(red, $alpha: 50%)` now returns `rgb(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:

    1.  With the exception of legacy color spaces (`rgb`, `hsl`, and `hwb`), colors
        will always be emitted in the color space they were defined in unless
        they're explicitly converted.

    2.  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 the `rgb()` 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()`, and `lch()` functions;
    -   a top-level `hwb()` function that matches the space-separated CSS syntax;
    -   and a `color()` function that supports the `srgb`, `srgb-linear`,
        `display-p3`, `a98-rgb`, `prophoto-rgb`, `rec2020`, `xyz`, `xyz-d50`, and
        `xyz-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, the `hsl` and `hwb` 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 as
        `color.red()` and `color.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`, or `hwb`).

    -   `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 value `none` and can appear automatically when `color.to-space()`
        returns a color with a powerless channel. Missing channels are usually
        treated as 0, except when interpolating between two colors and in
        `color.mix()` where they're treated as the same value as the other color.

-   Update existing functions to support color spaces:

    -   `hsl()` and `color.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()`, and `color.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 an `rgb` color's saturation without passing `$space: hsl`).

    -   `color.mix()` and `color.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 like `hsl` and `oklch`,
        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 the `oklch` space for non-legacy colors.

    -   `color.ie-hex-str()` now automatically converts its color to the `rgb` space
        and gamut-maps it so that it can continue to take colors from any color
        space.

[color spaces]: https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

-   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()`, and
        `color.blackness()` functions, as well as their global counterparts, should
        be replaced with calls to `color.channel()`.

    -   The global `adjust-hue()`, `saturate()`, `desaturate()`, `lighten()`,
        `darken()`, `transaprentize()`, `fade-out()`, `opacify()`, and `fade-in()`
        functions should be replaced by `color.adjust()` or `color.scale()`.

-   Add a `global-builtin` future deprecation, which can be opted-into with the
    `--future-deprecation` flag or the `futureDeprecations` option in the JS or
    Dart API. This emits warnings when any global built-in functions that are
    now available in `sass:` 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 of
    `SassColor.channel()`.

-   Deprecated `SassColor.changeRgb()`, `.changeHsl()`, and `.changeHwb()` in
    favor of `SassColor.changeChannels()`.

-   Added `SassNumber.convertValueToUnit()` as a shorthand for
    `SassNumber.convertValue()` with a single numerator.

-   Added `InterpolationMethod` and `HueInterpolationMethod` 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` in `silenceDeprecations` when using
    the legacy API.

-   Modify `SassColor` to accept a new `space` 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 of
    `SassColor.channel()`.

##### Embedded Sass

-   Add `Color` SassScript value, with support for all the new color spaces
    defined in Color Level 4.

-   Remove `RgbColor`, `HslColor` and `HwbColor` SassScript values.

</details>

---

### Configuration

📅 **Schedule**: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied.

♻ **Rebasing**: Never, or you tick the rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update again.

---

 - [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check this box

---

This PR was generated by [Mend Renovate](https://mend.io/renovate/). View the [repository job log](https://developer.mend.io/github/carbon-design-system/carbon-for-ibm-dotcom).
<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzOC44MC4wIiwidXBkYXRlZEluVmVyIjoiMzguODAuMCIsInRhcmdldEJyYW5jaCI6Im1haW4iLCJsYWJlbHMiOltdfQ==-->
  • Loading branch information
renovate[bot] authored Oct 2, 2024
1 parent 153db82 commit 79eb9d6
Show file tree
Hide file tree
Showing 5 changed files with 32 additions and 3 deletions.
Binary file not shown.
Binary file not shown.
Binary file not shown.
2 changes: 1 addition & 1 deletion packages/styles/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@
"gulp-rename": "^2.0.0",
"gulp-sass": "^5.0.0",
"require-dir": "^1.2.0",
"sass": "~1.78.0",
"sass": "~1.79.0",
"sass-loader": "^13.0.0"
}
}
33 changes: 31 additions & 2 deletions yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -3414,7 +3414,7 @@ __metadata:
gulp-rename: "npm:^2.0.0"
gulp-sass: "npm:^5.0.0"
require-dir: "npm:^1.2.0"
sass: "npm:~1.78.0"
sass: "npm:~1.79.0"
sass-loader: "npm:^13.0.0"
languageName: unknown
linkType: soft
Expand Down Expand Up @@ -11866,6 +11866,15 @@ __metadata:
languageName: node
linkType: hard

"chokidar@npm:^4.0.0":
version: 4.0.0
resolution: "chokidar@npm:4.0.0"
dependencies:
readdirp: "npm:^4.0.1"
checksum: 10/e9a65db724a9ba2a40ad10f1d55caa5ccb5ba17533414271ec315004664860439348e51fa4faaa640fcc5f6427a410919fa1608892fbad41ed86fce682633cfa
languageName: node
linkType: hard

"chownr@npm:^1.1.1":
version: 1.1.4
resolution: "chownr@npm:1.1.4"
Expand Down Expand Up @@ -28219,6 +28228,13 @@ __metadata:
languageName: node
linkType: hard

"readdirp@npm:^4.0.1":
version: 4.0.1
resolution: "readdirp@npm:4.0.1"
checksum: 10/f8a2d3308c9dd19d9da4fc7f19a02fc057259a80014949d8f3d98f4e6042896119fb96eb3f3e6a743747d12f0bf781b771902b0b03aba58f884589c50968fad4
languageName: node
linkType: hard

"readdirp@npm:~3.6.0":
version: 3.6.0
resolution: "readdirp@npm:3.6.0"
Expand Down Expand Up @@ -29496,7 +29512,7 @@ __metadata:
languageName: node
linkType: hard

"sass@npm:^1.19.0, sass@npm:~1.78.0":
"sass@npm:^1.19.0":
version: 1.78.0
resolution: "sass@npm:1.78.0"
dependencies:
Expand All @@ -29509,6 +29525,19 @@ __metadata:
languageName: node
linkType: hard

"sass@npm:~1.79.0":
version: 1.79.3
resolution: "sass@npm:1.79.3"
dependencies:
chokidar: "npm:^4.0.0"
immutable: "npm:^4.0.0"
source-map-js: "npm:>=0.6.2 <2.0.0"
bin:
sass: sass.js
checksum: 10/9b83e91c44a4c5d738ded27fcd2c88260f5f407e49c6aab92f75a1f768831182a8f4f89f30e2599b74447451d6536ea6f3a55cac34c5ec00b45983d493732e5d
languageName: node
linkType: hard

"sax@npm:~1.2.4":
version: 1.2.4
resolution: "sax@npm:1.2.4"
Expand Down

0 comments on commit 79eb9d6

Please sign in to comment.