Replace node-sass package with sass npm package

[callinmullaney]

What happened: node-sass has been labeled as a semi-deprecated package since Oct 2020 and only receives maintenance releases.

Suggested solution: Sass (and node-sass package) recommend switching to Dart Sass (https://sass-lang.com/dart-sass) as the officially supported version. It's package has been renamed to sass https://www.npmjs.com/package/sass

[mark-casias]

The only breaking change I came across is with the _01-variables.scss.. The divided section will not work with dart sass..

Suggested fix

• npm remove node-sass
• npm install sass
• edit _components/00-base/00-defaults/_01-variables.scss_
• on line 8 add @use "sass:math";
• replace lines 25 - 32 with the following:

  // Divided
  $space-one-half: math.div($space, 2);
  $space-one-third: math.div($space, 3);
  $space-one-fourth: math.div($space, 4);
  $space-one-fifth: math.div($space, 5);
  $space-one-sixth: math.div($space, 6);
  $space-one-seventh: math.div($space, 7);
  $space-one-eighth: math.div($space, 8);

[ModulesUnraveled]

These steps worked great on an existing project! Thank you for your research!

Since we're in the process of abstracting our default components from emulsify-drupal to the new compound repo, I'm going to make this change over in that repo.