diff --git a/.vitepress/theme/components/cds-playground/MonacoEditor.vue b/.vitepress/theme/components/cds-playground/MonacoEditor.vue
index dcfc08a30..4e605a772 100644
--- a/.vitepress/theme/components/cds-playground/MonacoEditor.vue
+++ b/.vitepress/theme/components/cds-playground/MonacoEditor.vue
@@ -10,7 +10,6 @@
 
 <script setup>
 import { ref, watch, onMounted, onUnmounted } from 'vue'
-import 'monaco-editor/min/vs/editor/editor.main.css'
 import { useData } from 'vitepress'
 
 const { isDark } = useData()
diff --git a/.vitepress/theme/components/cds-playground/monaco.js b/.vitepress/theme/components/cds-playground/monaco.js
index ef8640116..8a28268de 100644
--- a/.vitepress/theme/components/cds-playground/monaco.js
+++ b/.vitepress/theme/components/cds-playground/monaco.js
@@ -3,14 +3,7 @@ import { shikiToMonaco } from '@shikijs/monaco'
 
 // no correct top-level await in Safari
 async function setupMonaco() {
-  const [monaco, editorWorker, tsWorker] = await Promise.all([
-    import('monaco-editor/esm/vs/editor/editor.api'),
-    import('monaco-editor/esm/vs/editor/editor.worker?worker'),
-    import('monaco-editor/esm/vs/language/typescript/ts.worker?worker'),
-    import('monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution'),
-    import('monaco-editor/esm/vs/language/typescript/monaco.contribution'),
-    import('monaco-editor/esm/vs/language/json/monaco.contribution')
-  ])
+  const monaco = await import('monaco-editor')
 
   monaco.languages.register({ id: 'javascript' })
   monaco.languages.register({ id: 'js' })
@@ -20,8 +13,15 @@ async function setupMonaco() {
 
   self.MonacoEnvironment = {
     getWorker(_, label) {
-      if (label === 'typescript' || label === 'javascript') return new tsWorker.default()
-      return new editorWorker.default()
+      const getWorkerModule = (moduleUrl, label) => {
+        return new Worker(self.MonacoEnvironment.getWorkerUrl(moduleUrl), {
+          name: label,
+          type: 'module'
+        });
+      };
+
+      if (label === 'typescript' || label === 'javascript') return getWorkerModule('/monaco-editor/esm/vs/language/typescript/ts.worker?worker', label)
+      return getWorkerModule('/monaco-editor/esm/vs/editor/editor.worker?worker', label);
     }
   }
 
diff --git a/package-lock.json b/package-lock.json
index 65a01f820..367dd5e1b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2602,9 +2602,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.7.tgz",
-      "integrity": "sha512-WhL/YuveyGXJaerVlMYGWhvQswa7myDG17P7Vu65EWC05o8vfeNbvNf4d/BOvH99+ZW+LlQsc1GDKMa1vNK6dw==",
+      "version": "3.4.8",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.8.tgz",
+      "integrity": "sha512-yb1cEmaOum7wFvOCSQxyfgVlv5D47Rc30iZWoMpbDIWTnJ6grDDQyu2KFJzB2k7u0pMuJcQ1zphH//fFnw2tjQ==",
       "dev": true,
       "license": "(MPL-2.0 OR Apache-2.0)",
       "optionalDependencies": {
@@ -4711,13 +4711,13 @@
       "license": "MIT"
     },
     "node_modules/monaco-editor": {
-      "version": "0.55.1",
-      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.55.1.tgz",
-      "integrity": "sha512-jz4x+TJNFHwHtwuV9vA9rMujcZRb0CEilTEwG2rRSpe/A7Jdkuj8xPKttCgOh+v/lkHy7HsZ64oj+q3xoAFl9A==",
+      "version": "0.56.0",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.56.0.tgz",
+      "integrity": "sha512-sXboRm3BeBeLm938eaiyLMe0OxzfXIlZvbv4ir/jVgQy1zDhWjgmny0WoN45fuDKhCCQsYMbBJrv/A6jd8aCUg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "dompurify": "3.2.7",
+        "dompurify": "3.4.8",
         "marked": "14.0.0"
       }
     },