1000+ scss deprecation warning in mobiscroll 5.35.1

1

I’m getting the following warning when using Vite and importing mobiscroll.scss:

Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0.
Deprecation Warning [color-functions]: lightness() is deprecated
Deprecation Warning [color-functions]: lighten() is deprecated.

Could you please release a bugfix to get rid of them?

2

Hi @Albert_Yera_Gomez ,

Thanks for bringing this up. We’re aware of the deprecation issue and are planning a fix for a future update. I’ve added your feedback to our report, and you’ll be notified once the update is released.

In the meantime, some of the warnings can be resolved by switching to the newer @use syntax instead of @import. For example:
​
​@use "@mobiscroll/vue/dist/css/mobiscroll.scss";

You can also override variables like this:

​@use "@mobiscroll/vue/dist/css/mobiscroll.scss" with (
  $mbsc-ios-accent: red,
  $mbsc-ios-background: #787575
);

​