update node-sass and ember-auto-import

Author: mansona

app/services/algolia.js

@@ -1,27 +1,20 @@
 import Service from '@ember/service';
 import algoliasearch from 'algoliasearch';
 import config from 'ember-api-docs/config/environment';
-import { denodeify } from 'rsvp';
 
 export default class AlgoliaService extends Service {
-  _search(query, params, callback) {
-    if (!callback) {
-      callback = params;
-      params = undefined;
-    }
+  async search(query, params) {
     if (query) {
       if (Array.isArray(query) && !params) {
         // if multiple indices
-        this._client.search(query, callback);
+        return this._client.search(query);
       } else if (!params) {
         // if no params
-        this.accessIndex(query.indexName).search(query.query, callback);
+        return this.accessIndex(query.indexName).search(query.query);
       } else {
         // if params and callback
-        this.accessIndex(query.indexName).search(query.query, params, callback);
+        return this.accessIndex(query.indexName).search(query.query, params);
       }
-    } else {
-      callback(new Error(`Could not search algolia for query "${query}"`));
     }
   }
 
@@ -39,6 +32,5 @@ export default class AlgoliaService extends Service {
       config.algolia.algoliaKey
     );
     this._indices = {};
-    this.search = denodeify(this._search.bind(this));
   }
 }

app/styles/base/_forms.scss

@@ -1,5 +1,3 @@
-@use "sass:math";
-
 fieldset {
   background-color: lighten($base-border-color, 10%);
   border: $base-border;
@@ -30,7 +28,7 @@ select {
 
 label {
   font-weight: 600;
-  margin-bottom: math.div($small-spacing, 2);
+  margin-bottom: calc($small-spacing / 2);
 
   &.required::after {
     content: "*";
@@ -50,8 +48,8 @@ textarea {
   box-sizing: border-box;
   font-family: $base-font-family;
   font-size: $base-font-size;
-  margin-bottom: math.div($base-spacing, 2);
-  padding: math.div($base-spacing, 3);
+  margin-bottom: calc($base-spacing / 2);
+  padding: calc($base-spacing / 3);
   transition: border-color;
   width: 100%;
 
@@ -74,7 +72,7 @@ textarea {
 input[type="checkbox"],
 input[type="radio"] {
   display: inline;
-  margin-right: math.div($small-spacing, 2);
+  margin-right: calc($small-spacing / 2);
 }
 
 input[type="file"] {

app/styles/base/_variables.scss

@@ -1,5 +1,3 @@
-@use "sass:math";
-
 // Typography
 $base-font-family: 'Source Sans Pro', sans-serif;
 $heading-font-family: $base-font-family;
@@ -17,7 +15,7 @@ $heading-line-height: 1.2;
 
 // Spacing
 $base-spacing: $base-line-height * 1em;
-$small-spacing: math.div($base-spacing, 2);
+$small-spacing: calc($base-spacing / 2);
 $large-spacing: $base-spacing * 2;
 $top-spacing: $base-spacing * 3.333; // 80px
 

ember-cli-build.js

@@ -5,6 +5,7 @@ const Funnel = require('broccoli-funnel');
 const mergeTrees = require('broccoli-merge-trees');
 const envIsProduction = process.env.EMBER_ENV === 'production';
 const premberUrls = require('./prember-urls');
+const nodeSass = require('node-sass');
 
 module.exports = function (defaults) {
   let app = new EmberApp(defaults, {
@@ -25,20 +26,14 @@ module.exports = function (defaults) {
       generateAssetMap: true,
     },
     sassOptions: {
+      implementation: nodeSass,
       sourceMapEmbed: !envIsProduction,
       includePaths: [
         'app/styles',
         'node_modules/bourbon-neat/app/assets/stylesheets',
         'node_modules/normalize.css',
       ],
     },
-    autoImport: {
-      webpack: {
-        node: {
-          process: 'mock',
-        },
-      },
-    },
     autoprefixer: {
       enabled: true,
       cascade: true,