Skip to content
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

Sass 1.80 deprecation warning of global built-in functions #3920

Closed
olatoft opened this issue Oct 18, 2024 · 5 comments
Closed

Sass 1.80 deprecation warning of global built-in functions #3920

olatoft opened this issue Oct 18, 2024 · 5 comments

Comments

@olatoft
Copy link

olatoft commented Oct 18, 2024

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework

I'm using Bulma version 1.0.2

This is a Sass issue: I'm using version 1.80.2
I am sure this issue is not a duplicate

Description

In Sass version 1.80 I get the following warning:

WARNING in .//style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!.//style.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 93, column 6 of file:///<path/to/my/repo>/node_modules/bulma/sass/utilities/functions.scss:93:6:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use meta.type-of instead.

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

93 | @if type-of($color) != "color" {

node_modules/bulma/sass/utilities/functions.scss 94:7 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
node_modules/bulma/sass/_index.scss 1:1 @use
node_modules/bulma/bulma.scss 4:1 load-css()
src/Client/style.scss 40:1 root stylesheet

@ .//style.scss 8:6-221 20:17-24 24:7-21 50:25-39 51:36-47 51:50-64 55:6-65:7 56:54-65 56:68-82 62:42-53 62:56-70 64:21-28 75:0-191 75:0-191 76:22-29 76:33-47 76:50-64 53:4-66:5

Steps to Reproduce

  1. Start my project
  2. Read output in console

Expected behavior

No warning

Actual behavior

Warning

@jgthms
Copy link
Owner

jgthms commented Oct 18, 2024

Duplicate

@jgthms jgthms closed this as completed Oct 18, 2024
@olatoft
Copy link
Author

olatoft commented Oct 18, 2024

Oh, sorry that I missed an issue that this is a duplicate of. Out of curiosity, what is it a duplicate of? I tried searching the existing issues, but the only half related issue I could find was #3907, which is a separate issue with a separate fix.

@jgthms
Copy link
Owner

jgthms commented Oct 19, 2024

Sorry you're right. I thought it was that same one. I'll reopen this.

@jgthms jgthms reopened this Oct 19, 2024
@ohabash
Copy link

ohabash commented Nov 7, 2024

sass: 1.80.6 compiled with dart2js 3.5.4

"bulma-scss": "^0.9.4",
"react": "18.3.1",

How do i fix?

@istudyatuni
Copy link

How do i fix

Fix what? Warnings? dart-sass has a quiteDeps option to suppress them: https://stackoverflow.com/a/67836435

@jgthms jgthms closed this as completed in 5531ee1 Nov 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants
@jgthms @ohabash @olatoft @istudyatuni and others