diff --git a/packages/ui/src/components/DataMapper/debug/vite.config.js b/packages/ui/src/components/DataMapper/debug/vite.config.js
new file mode 100644
index 000000000..71abad075
--- /dev/null
+++ b/packages/ui/src/components/DataMapper/debug/vite.config.js
@@ -0,0 +1,19 @@
+// @ts-check
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+
+// https://vitejs.dev/config/
+
+export default defineConfig(async () => {
+  return {
+    plugins: [react()],
+    base: './',
+    css: {
+      preprocessorOptions: {
+        scss: {
+          api: 'modern-compiler',
+        },
+      },
+    },
+  };
+});