SASS deprecations of red(), green(), blue()

[scarytom]

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework
I'm using Bulma version 1.0.2
My browser is: chrome
This is a Sass issue: I'm using version 1.79.2

Description

Recently, I have been getting deprecation warnings when compiling Bulma. These are a result of breaking changes in Sass, where they are soon to remove the color functions red(), green(), and blue().

Steps to Reproduce

npx sass bulma.scss

Expected behavior

no deprecation warnings

Actual behavior

Deprecation Warning: red() is deprecated. Suggestion:

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

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

   ╷
99 │     "red": red($color),
   │            ^^^^^^^^^^^
   ╵
    node_modules/bulma/sass/utilities/functions.scss 99:12          bulmaColorLuminance()
    node_modules/bulma/sass/utilities/functions.scss 128:7          bulmaFindColorInvert()
    node_modules/bulma/sass/utilities/derived-variables.scss 16:15  @forward
    node_modules/bulma/sass/utilities/_index.scss 6:1               @use
    bulma.scss 11:1                                                 @use

[jgthms]

Yes this comes from the sass package but there is currently a bug: sass/dart-sass#2353

So I'm just waiting for this to be merged so I can update sass to the latest version.

[ghiscoding]

Yes this comes from the sass package but there is currently a bug: sass/dart-sass#2353

So I'm just waiting for this to be merged so I can update sass to the latest version.

That was released in v1.79.2 and there's even v1.79.3 that came out afterward, so it should be a good time to update now :)

Side note and for more visibility, I think this issue should be renamed as "SASS deprecations of red, green, ...."

[minusf]

Doesn't seem to be fixed atm:

% ./node_modules/.bin/sass --version
1.79.3 compiled with dart2js 3.5.3

% npm run build_css
> sass --load-path=node_modules bulma-mss.scss static/style.css

Deprecation Warning: red() is deprecated. Suggestion:

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

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

   ╷
99 │     "red": red($color),
   │            ^^^^^^^^^^^
   ╵
    node_modules/bulma/sass/utilities/functions.scss 99:12          bulmaColorLuminance()
    node_modules/bulma/sass/utilities/functions.scss 128:7          bulmaFindColorInvert()
    node_modules/bulma/sass/utilities/derived-variables.scss 16:15  @forward
    node_modules/bulma/sass/utilities/_index.scss 6:1               @forward
    bulma/_index.scss 1:1                                           @use
    bulma-mss.scss 9:1                                              root stylesheet