update to dart-sass and fix deprecations

.browserslistrc

@@ -1,5 +1,2 @@
 # Browsers that we support
 last 2 versions
-ie >= 9
-ios >= 7
-android >= 4.4

gulpfile.js

@@ -4,7 +4,7 @@ var autoprefixer  = require('autoprefixer');
 var rimraf        = require('rimraf').sync;
 var sequence      = require('gulp4-run-sequence');
 var supercollider = require('supercollider');
-var sass          = require('gulp-sass')(require('sass'));
+var sass          = require('gulp-sass')(require('sass-embedded'));
 var postcss       = require('gulp-postcss');
 var plumber       = require('gulp-plumber');
 var sourcemaps    = require('gulp-sourcemaps');
@@ -37,7 +37,7 @@ gulp.task('sass', function() {
     .pipe(sourcemaps.init())
     .pipe(plumber())
     .pipe(sass().on('error', sass.logError))
-    .pipe(postcss([autoprefixer()]))
+    // .pipe(postcss([autoprefixer()]))
     .pipe(gulp.dest('./_build'));
 });
 

package.json

@@ -51,12 +51,13 @@
     "highlight.js": "^11.5.1",
     "mocha": "^5.2.0",
     "rimraf": "^2.4.3",
-    "sass": "^1.65.1",
     "sass-true": "^7.0.0",
     "supercollider": "latest"
   },
   "peerDependencies": {
     "jquery": ">=3.6.0"
   },
-  "dependencies": {}
+  "dependencies": {
+    "sass-embedded": "^1.79.3"
+  }
 }

src/util/_animation.scss

@@ -2,6 +2,6 @@
 /// @param {Arglist} $effects... - One or more effect functions to build the keyframe with.
 @mixin mui-animation($args...) {
   $name: map-get(-mui-process-args($args...), name);
-  @include mui-keyframes($name, $args...);
   animation-name: unquote($name);
+  @include mui-keyframes($name, $args...);
 }