fix: suppress some SASS deprecation warnings for now

build-scss.js

@@ -18,6 +18,8 @@ var coreResult = sass.renderSync({
   file: './scss/core/core.scss',
   outputStyle: 'compressed',
   importer: tildaImporter,
+  // For now we can't resolve these warnings as we need to upgrade our 'bootstrap' dependency to do so:
+  silenceDeprecations: ['abs-percent', 'color-functions', 'import', 'mixed-decls', 'global-builtin'],
 });
 
 fs.writeFileSync('./dist/paragon.css', coreResult.css);

www/build-themes.js

@@ -26,7 +26,7 @@ THEMES.forEach(theme => {
     file: `./src/scss/${theme.stylesheet}.scss`,
     outputStyle: 'compressed',
     importer,
-    quietDeps: true,
+    silenceDeprecations: ['abs-percent', 'color-functions', 'import', 'mixed-decls', 'global-builtin'],
   });
 
   fs.writeFileSync(`./public/static/${theme.stylesheet}.css`, result.css);

www/gatsby-config.mjs

@@ -35,6 +35,9 @@ const plugins = [
           namedExport: false,
         },
       },
+      sassOptions: {
+        silenceDeprecations: ['abs-percent', 'color-functions', 'import', 'mixed-decls', 'global-builtin'],
+      },
     },
   },
   'gatsby-plugin-react-helmet',

www/utils/createCssUtilityClassNodes.js

@@ -21,6 +21,7 @@ function createCssUtilityClassNodes({
         }
         return { file: resolvedUrl };
       },
+      silenceDeprecations: ['abs-percent', 'color-functions', 'import', 'mixed-decls', 'global-builtin'],
     })
     .css.toString();