Skip to content

Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0 #12

@jamieu

Description

@jamieu

Deprecation warnings on collection site.

The warnings are about deprecated global built-in functions (red(), green(), blue(), nth()) that were removed in Dart Sass 3.0.0

Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.green instead.

More info and automated migrator: https://sass-lang.com/d/import

    ╷
213 │   $green: nth($linear-channel-values, green($color) + 1);
    │                                       ^^^^^^^^^^^^^
    ╵
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 213:39  luminance()
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 222:13  contrast()
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 245:19  choose-contrast-color()
    node_modules/smg-web-design-system/src/scss/settings/_colour.scss 40:11    @import
    smg-web-design-system/src/scss/_lib.scss 15:9                              @import
    client/styles/main.scss 3:9                                                root stylesheet

Deprecation Warning [color-functions]: green() is deprecated. Suggestion:

color.channel($color, "green", $space: rgb)

More info: https://sass-lang.com/d/color-functions

    ╷
213 │   $green: nth($linear-channel-values, green($color) + 1);
    │                                       ^^^^^^^^^^^^^
    ╵
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 213:39  luminance()
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 222:13  contrast()
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 245:19  choose-contrast-color()
    node_modules/smg-web-design-system/src/scss/settings/_colour.scss 40:11    @import
    smg-web-design-system/src/scss/_lib.scss 15:9                              @import
    client/styles/main.scss 3:9                                                root stylesheet

Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use list.nth instead.

More info and automated migrator: https://sass-lang.com/d/import

    ╷
213 │   $green: nth($linear-channel-values, green($color) + 1);
    │           ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    ╵
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 213:11  luminance()
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 222:13  contrast()
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 245:19  choose-contrast-color()
    node_modules/smg-web-design-system/src/scss/settings/_colour.scss 40:11    @import
    smg-web-design-system/src/scss/_lib.scss 15:9                              @import
    client/styles/main.scss 3:9                                                root stylesheet

Deprecation Warning [global-builtin]: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use color.blue instead.

More info and automated migrator: https://sass-lang.com/d/import

    ╷
214 │   $blue: nth($linear-channel-values, blue($color) + 1);
    │                                      ^^^^^^^^^^^^
    ╵
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 214:38  luminance()
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 222:13  contrast()
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 245:19  choose-contrast-color()
    node_modules/smg-web-design-system/src/scss/settings/_colour.scss 40:11    @import
    smg-web-design-system/src/scss/_lib.scss 15:9                              @import
    client/styles/main.scss 3:9                                                root stylesheet

Deprecation Warning [color-functions]: blue() is deprecated. Suggestion:

color.channel($color, "blue", $space: rgb)

More info: https://sass-lang.com/d/color-functions

    ╷
214 │   $blue: nth($linear-channel-values, blue($color) + 1);
    │                                      ^^^^^^^^^^^^
    ╵
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 214:38  luminance()
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 222:13  contrast()
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 245:19  choose-contrast-color()
    node_modules/smg-web-design-system/src/scss/settings/_colour.scss 40:11    @import
    smg-web-design-system/src/scss/_lib.scss 15:9                              @import
    client/styles/main.scss 3:9                                                root stylesheet

Deprecation Warning [color-functions]: red() is deprecated. Suggestion:

color.channel($color, "red", $space: rgb)

More info: https://sass-lang.com/d/color-functions

   ╷
19 │   $bm-red: red($foreground) * $opacity + red($background) * $background-opacity * (1 - $opacity);
   │            ^^^^^^^^^^^^^^^^
   ╵
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 19:12  blend-normal()
    node_modules/smg-web-design-system/src/scss/settings/_colour.scss 41:12   @import
    smg-web-design-system/src/scss/_lib.scss 15:9                             @import
    client/styles/main.scss 3:9                                               root stylesheet

Deprecation Warning [color-functions]: red() is deprecated. Suggestion:

color.channel($color, "red", $space: rgb)

More info: https://sass-lang.com/d/color-functions

   ╷
19 │   $bm-red: red($foreground) * $opacity + red($background) * $background-opacity * (1 - $opacity);
   │                                          ^^^^^^^^^^^^^^^^
   ╵
    node_modules/smg-web-design-system/src/scss/functions/_colour.scss 19:42  blend-normal()
    node_modules/smg-web-design-system/src/scss/settings/_colour.scss 41:12   @import
    smg-web-design-system/src/scss/_lib.scss 15:9                             @import
    client/styles/main.scss 3:9                                               root stylesheet

Warning: 241 repetitive deprecation warnings omitted.
Run in verbose mode to see all warnings.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingenhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions