foundation-sites icon indicating copy to clipboard operation
foundation-sites copied to clipboard

Sass deprecration warnings - @import with dart-sass

Open wheelercreek opened this issue 11 months ago • 2 comments

What is missing?

...

What is wrong now ?

I'm using dart-sass to compile the SCSS files, and it's firing several deprecation warnings. Specifically one big one is that the @import command is now deprecated. (https://sass-lang.com/documentation/breaking-changes/import/).
I couldn't find anything on it & this seems like a big one to fix.

...

Possible Solution

I attempted to run the sass-migrator tool (from dart-sass), and it gave this error: Error: The migrator has found multiple possible migrations for ../node_modules/foundation-sites/scss/util/_util.scss, depending on the context in which it's loaded. Migration failed! ...

Context

...

Your Environment

  • Foundation version(s) used:
  • Browser(s) name and version(s):
  • Device, Operating System and version:

Checklist

  • [ ] I have read and follow the CONTRIBUTING.md document.
  • [ ] There are no other issues similar to this one.
  • [ ] The issue title and template are correctly filled.

wheelercreek avatar Dec 24 '24 18:12 wheelercreek

Any update on this issue?

dongmei-cao avatar Jun 13 '25 16:06 dongmei-cao

not on my end, I'm still using @import and ignoring the warnings.

wheelercreek avatar Jun 13 '25 17:06 wheelercreek

hi, i encountered the same issue using nuxt 2, dart sass 1.62.1 and foundation 6.9 the console becomes unusable due to the warnings, and vs code crashes - which is why i attempted the auto migration. had to roll back to previous dart sass version, this causes the project to take almost 8 mins to build (compared to 20 secs after updating). are you planning to update foundation to using @use instead of @import ?

ludo-evo avatar Jul 16 '25 08:07 ludo-evo