diff --git a/build-scss.js b/build-scss.js
index a912a96c8f..19243e79ff 100644
--- a/build-scss.js
+++ b/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);
diff --git a/www/build-themes.js b/www/build-themes.js
index e28f9a2c49..474dba2d7f 100644
--- a/www/build-themes.js
+++ b/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);
diff --git a/www/gatsby-config.mjs b/www/gatsby-config.mjs
index bf11465254..d0ab6c658e 100644
--- a/www/gatsby-config.mjs
+++ b/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',
diff --git a/www/utils/createCssUtilityClassNodes.js b/www/utils/createCssUtilityClassNodes.js
index 4074fadf40..2426e6b49f 100644
--- a/www/utils/createCssUtilityClassNodes.js
+++ b/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();