refactor: replace compiling Sass via Ruby w/ much faster (and more easily supported) Gulp Sass (node-sass under the hood)

Author: bolt-bot

packages/uikit-workshop/gulpfile.js

@@ -1,12 +1,12 @@
 /* load command line arguments */
-var args = require('yargs').argv;
+const args = require('yargs').argv;
 
 /* load gulp */
-var gulp = require('gulp');
+const gulp = require('gulp');
 
 /* load the plugins */
-var gulpLoadPlugins = require('gulp-load-plugins');
-var plugins = gulpLoadPlugins({ scope: ['devDependencies'] });
+const gulpLoadPlugins = require('gulp-load-plugins');
+const plugins = gulpLoadPlugins({ scope: ['devDependencies'] });
 plugins.del = require('del');
 plugins.mainBowerFiles = require('main-bower-files');
 
@@ -51,11 +51,16 @@ gulp.task('build:bower', ['clean:bower'], function() {
 });
 
 gulp.task('build:css', function() {
-  return plugins
-    .rubySass('src/sass/pattern-lab.scss', {
-      style: 'expanded',
-      'sourcemap=none': true,
-    })
+  return gulp
+    .src('src/sass/pattern-lab.scss')
+    .pipe(
+      plugins
+        .sass({
+          outputStyle: 'expanded',
+          sourceMap: false,
+        })
+        .on('error', plugins.sass.logError)
+    )
     .pipe(
       plugins.autoprefixer(
         {

packages/uikit-workshop/package.json

@@ -3,7 +3,11 @@
   "version": "1.0.0-alpha.7",
   "description": "Front-end assets and templates for the default Pattern Lab workshop view",
   "main": "gulpfile.js",
-  "scripts": {},
+  "scripts": {
+    "setup": "npx bower install",
+    "build": "gulp",
+    "watch": "gulp --watch"
+  },
   "authors": [
     {
       "name": "Brad Frost",
@@ -31,7 +35,7 @@
     "gulp-minify-css": "0.3.7",
     "gulp-rename": "1.2.0",
     "gulp-resolve-dependencies": "1.0.1",
-    "gulp-ruby-sass": "3.0.0",
+    "gulp-sass": "^4.0.1",
     "gulp-uglify": "1.1.0",
     "gulp-util": "3.0.0",
     "imagemin-pngcrush": "0.1.0",