Skip to content

Conversation

@wesdevpro
Copy link

@wesdevpro wesdevpro commented Jul 23, 2025

@jgthms this is a bugfix.

Proposed solution

Replaces the deprecated global built-in unquote() function with string.unquote() to align with Dart Sass 3.0 requirements. This change affects the getRgbaVar() function in utilities/css-variables.scss, which supports Bulma’s CSS variable parsing.

Tradeoffs

  • Minimal impact to CSS output, but this assumes use of a modern Dart Sass environment.
  • Older Sass versions may not support namespaced functions, so contributors on legacy tooling should be aware.
  • Avoids future build warnings while preserving clarity for maintainers.

Testing Done

None.

Function usage has been validated in Dart Sass and complies with modern syntax guidelines.

Changelog updated?

Yes!

Related: buefy/buefy#4093

@mateuswetah
Copy link

@jgthms I'm facing warnings related to this as well. I'm not sure if there is any way to use dart-sass and not receive the warning but It would be nice to have this bug fix in a future release.

Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 33, column 10 of file:///src/tainacan/node_modules/bulma/sass/utilities/css-variables.scss:33:10:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use string.unquote instead.

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

33 |   @return unquote("rgba(var(#{$varName}), #{$alpha})");


node_modules/bulma/sass/utilities/css-variables.scss 34:11       getRgbaVar()
node_modules/buefy/src/scss/components/_datepicker.scss 11:37    @use
src/views/page.main.scss 15:5                                    root stylesheet

@wesdevpro
Copy link
Author

@jgthms I'm facing warnings related to this as well. I'm not sure if there is any way to use dart-sass and not receive the warning but It would be nice to have this bug fix in a future release.

Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 33, column 10 of file:///src/tainacan/node_modules/bulma/sass/utilities/css-variables.scss:33:10:
Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Use string.unquote instead.

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

33 |   @return unquote("rgba(var(#{$varName}), #{$alpha})");


node_modules/bulma/sass/utilities/css-variables.scss 34:11       getRgbaVar()
node_modules/buefy/src/scss/components/_datepicker.scss 11:37    @use
src/views/page.main.scss 15:5                                    root stylesheet

@mateuswetah @jgthms I also receive these warning when building Buefy and I believe this PR should fix the issue.

@wesdevpro
Copy link
Author

image

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

Successfully merging this pull request may close these issues.

2 participants