diff --git a/rollup.config.mjs b/rollup.config.mjs
index 39e8ce3..a5ba301 100644
--- a/rollup.config.mjs
+++ b/rollup.config.mjs
@@ -46,6 +46,10 @@ export default {
     svelte({
       preprocess: sveltePreprocess({
         sourceMap: true,
+        scss: scss({
+          outputStyle: production ? "compressed" : "expanded",
+        }),
+        postcss: postcss([autoprefixer()]),
       }),
       compilerOptions: {
         // enable run-time checks when not in production
@@ -55,7 +59,7 @@ export default {
     // these are necessary for non-component styles
     // located in ./src/styles/*.scss
     scss({
-      outputStyle: !production ? "compressed" : "expanded",
+      outputStyle: production ? "compressed" : "expanded",
     }),
     // css({ output: "bundle.css" }), // Redundant
     postcss([autoprefixer()]),