diff --git a/joi/rollup.config.mjs b/joi/rollup.config.mjs
index 333a61c5c..8f20635a5 100644
--- a/joi/rollup.config.mjs
+++ b/joi/rollup.config.mjs
@@ -38,7 +38,11 @@ export default [
       postcss({
         plugins: [autoprefixer(), tailwindcss(tailwindConfig)],
         sourceMap: true,
-        use: ['sass'],
+        use: {
+          sass: {
+            silenceDeprecations: ['legacy-js-api'],
+          },
+        },
         minimize: true,
         extract: 'main.css',
       }),