diff --git a/packages/grafana-plugin-configs/webpack.config.ts b/packages/grafana-plugin-configs/webpack.config.ts
index 4fd39f206cd..fa64f899246 100644
--- a/packages/grafana-plugin-configs/webpack.config.ts
+++ b/packages/grafana-plugin-configs/webpack.config.ts
@@ -227,6 +227,8 @@ const config = async (env: Record<string, unknown>): Promise<Configuration> => {
 
     stats: 'minimal',
 
+    target: 'web',
+
     watchOptions: {
       ignored: ['**/node_modules', '**/dist', '**/.yarn'],
     },
diff --git a/vite.config.ts b/vite.config.ts
index 89abe82a338..025616b4d85 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -23,6 +23,13 @@ export default defineConfig(({ command }) => ({
     assetsDir: 'public/build',
     minify: shouldMinify,
   },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        silenceDeprecations: ['import', 'global-builtin', 'legacy-js-api'],
+      },
+    },
+  },
   server: {
     // vite binds to ipv6 by default... and that doesn't work for me locally on mac...
     host: '0.0.0.0',