Dart Sass 2.0.0 support: "Using / for division is deprecated and will be removed in Dart Sass 2.0.0."

[Jamiewarb]

Hey there,

We have been using Inuit for 6 years now, and recently moved over to Dart Sass, away from Node Sass.

Dart Sass is throwing some deprecation warnings for the / division operator:

DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($px, $base-font-size)
More info and automated migrator: https://sass-lang.com/d/slash-div

As LibSass (and therefore NodeSass) is now deprecated (https://sass-lang.com/blog/libsass-is-deprecated), I am wondering what the main contributors thoughts are on if Inuit should be looking to migrate to Dart Sass?

The following is directly from the libsass-is-deprecated article:

How to migrate?

If you’re a user of Node Sass, migrating to Dart Sass is straightforward: just replace node-sass in your package.json file with sass. Both packages expose the same JavaScript API.

...

Please note that because activity on LibSass has been low for several years, it has a number of outstanding bugs and behavioral variations from the Sass spec. You may need to make minor updates to stylesheets to make them compatible with Dart Sass. See this list of major compatibility issues for reference.

[fuhlig]

There is a migration tool that can help with that.

[ktan88]

@fuhlig Nevertheless, wouldn't it be better to use the valid syntax with sass:math?

[fuhlig]

@fuhlig Nevertheless, wouldn't it be better to use the valid syntax with sass:math?

Definitely! My comment was not for Inuit users to migrate their existing codebase to fix warnings in Inuit but for Inuit Devs/Contributors to fix it on the framework level.

[thany]

Current release is 4 years old. There is a nonzero chance of this ever getting fixed, but it's probably still very close to zero 😞

[LayZeeDK]

You could create a PR or fork it an fix it yourself, @thany 🙂

[thany]

Absolutely true. Guess what I did: thany/inuitcss-dart 😎

[jamieburchell]

Would @csswizardry consider some PRs to fix the now deprecated Inuit repos where this Dart Sass deprecation comes up? The 2 issues that are raised seem simple to fix. If not, I'll just patch it myself. Problem is I have a huge project using this and there's no good reason to rewrite it.

[arashmilani]

For future visitors of this thread, If you want to use the inuitcss with dart-sass I published an npm package for that purpose. The node-sass dependency has been replaced by dart-sass. and the SCSS files were updated to change the / to math.div.

📦 https://www.npmjs.com/package/inuitcss-dart