Merge branch 'release/2.0.6'

.browserslistrc

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

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+# 2.0.6 (26 Sept 2024)
+
+* Move to sass-embedded for faster builds
+* Fixed some Sass deprecation warnings
+
 # 2.0.5 (17 August 2023)
 
 * Removed node-sass in favor of DartSass and resolved deprecations

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.js

@@ -1,6 +1,6 @@
 Package.describe({
   name: 'foundation:motion-ui',
-  version: '2.0.5',
+  version: '2.0.6',
   summary: 'Sass library for creating transitions and animations',
   git: 'https://github.com/foundation/motion-ui.git',
   documentation: 'README.md'

package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-ui",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Sass library for creating transitions and animations.",
   "main": "dist/motion-ui.js",
   "scripts": {
@@ -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...);
 }