Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0

[Jeff-M-Hsu]

26 │ @import "breakpoint/settings";
   │         ^^^^^^^^^^^^^^^^^^^^^
   ╵
    node_modules/breakpoint-sass/stylesheets/_breakpoint.scss 26:9  @use

Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.

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

[StanH-Swis]

Will this package be updated to address this issue? I've attempted to fix the issue myself, but got stuck om some issues I couldn't resolve. In case it helps, I could commit and push what I've done so far. It's mostly about replacing @import with @use and @forward.

[luksak]

I'm also going to need to fix this.

@StanH-Swis can you create a PR? I'd love to review it.

[Snugug]

I'll work on this over December.On Nov 28, 2024, at 10:01 AM, Lukas von Blarer ***@***.***> wrote: I'm also going to need to fix this. @StanH-Swis can you create a PR? I'd love to review it. —Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[StanH-Swis]

I've made the PR: #195

[NechiK]

@luksak, Can you please check the PR above? It breaks a build task in our project :(

[Snugug]

Hey all, I've just published a beta that should work with the current version of Sass. Please check it out and provide feedback; will do a full release after I've done a little more testing.

Thanks @StanH-Swis for your PR; I used it as the basis for my refactor.

https://www.npmjs.com/package/breakpoint-sass/v/4.0.0-beta.1

[NechiK]

@Snugug There's also this deprecation error that appears.

As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables.

Recommendation: add `$private-sassy-maps-suppress-warnings: null` at the stylesheet root.

26 |   $private-sassy-maps-suppress-warnings: true !global;

node_modules/breakpoint-sass/stylesheets/breakpoint/_memo.scss 27:3        get()
node_modules/breakpoint-sass/stylesheets/breakpoint/_parse.scss 15:12      breakpoint()
node_modules/breakpoint-sass/stylesheets/breakpoint/_breakpoint.scss 6:12  breakpoint()