Move off of sass legacy api and disable deprecation warnings

build/scss.js

@@ -45,21 +45,14 @@ class Sass extends File {
       contents = contents.replace(match, insert);
     }
 
-    const sassOptions = {
-      data: contents,
-      file: resolve(this.input),
-      includePaths: [
+    let { css } = await sass.compileStringAsync(contents, {
+      loadPaths: [
         resolve(this.cwd),
         resolve('node_modules'),
       ],
       sourceMapEmbed: true,
-    };
-
-    let { css } = await (new Promise((resolve, reject) => { // eslint-disable-line no-shadow
-      sass.render(sassOptions, (err, result) => (
-        err ? reject(err) : resolve(result)
-      ));
-    }));
+      silenceDeprecations: [ 'mixed-decls', 'color-functions', 'global-builtin', 'import' ],
+    });
 
     if (prod) {
       css = (await postcss([ autoprefixer ]).process(css, {

scss/_page.scss

@@ -224,7 +224,7 @@ body.post {
 
         .post-link {
           flex: 1;
-          flex-basis: $sidebarWidth / 2;
+          flex-basis: div($sidebarWidth, 2);
           white-space: nowrap;
           overflow: hidden;
           text-overflow: ellipsis;
@@ -268,7 +268,7 @@ body.post {
         position: relative;
         .post-tags {
           display: grid;
-          grid-template-columns: repeat( auto-fill, minmax( $sidebarWidth / 2 - 15, 1fr ) );
+          grid-template-columns: repeat( auto-fill, minmax( div($sidebarWidth, 2) - 15, 1fr ) );
         }
       }
     }