diff --git a/playground/package-lock.json b/playground/package-lock.json
index 3bc30a0b57..9c8ff1e401 100644
--- a/playground/package-lock.json
+++ b/playground/package-lock.json
@@ -11,7 +11,7 @@
         "@monaco-editor/react": "^4.4.6",
         "classnames": "^2.3.2",
         "lz-string": "^1.5.0",
-        "monaco-editor": "^0.40.0",
+        "monaco-editor": "^0.47.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-resizable-panels": "^0.0.54"
@@ -553,9 +553,9 @@
       "dev": true
     },
     "node_modules/@monaco-editor/loader": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.3.3.tgz",
-      "integrity": "sha512-6KKF4CTzcJiS8BJwtxtfyYt9shBiEv32ateQ9T4UVogwn4HM/uPo9iJd2Dmbkpz8CM6Y0PDUpjnZzCwC+eYo2Q==",
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.4.0.tgz",
+      "integrity": "sha512-00ioBig0x642hytVspPl7DbQyaSWRaolYie/UFNjoTdvoKPzo6xrXLhTk9ixgIKcLH5b5vDOjVNiGyY+uDCUlg==",
       "dependencies": {
         "state-local": "^1.0.6"
       },
@@ -564,11 +564,11 @@
       }
     },
     "node_modules/@monaco-editor/react": {
-      "version": "4.5.1",
-      "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.5.1.tgz",
-      "integrity": "sha512-NNDFdP+2HojtNhCkRfE6/D6ro6pBNihaOzMbGK84lNWzRu+CfBjwzGt4jmnqimLuqp5yE5viHS2vi+QOAnD5FQ==",
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.6.0.tgz",
+      "integrity": "sha512-RFkU9/i7cN2bsq/iTkurMWOEErmYcY6JiQI3Jn+WeR/FGISH8JbHERjpS9oRuSOPvDMJI0Z8nJeKkbOs9sBYQw==",
       "dependencies": {
-        "@monaco-editor/loader": "^1.3.3"
+        "@monaco-editor/loader": "^1.4.0"
       },
       "peerDependencies": {
         "monaco-editor": ">= 0.25.0 < 1",
@@ -3333,9 +3333,9 @@
       }
     },
     "node_modules/monaco-editor": {
-      "version": "0.40.0",
-      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.40.0.tgz",
-      "integrity": "sha512-1wymccLEuFSMBvCk/jT1YDW/GuxMLYwnFwF9CDyYCxoTw2Pt379J3FUhwy9c43j51JdcxVPjwk0jm0EVDsBS2g=="
+      "version": "0.47.0",
+      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.47.0.tgz",
+      "integrity": "sha512-VabVvHvQ9QmMwXu4du008ZDuyLnHs9j7ThVFsiJoXSOQk18+LF89N4ADzPbFenm0W4V2bGHnFBztIRQTgBfxzw=="
     },
     "node_modules/ms": {
       "version": "2.1.2",
diff --git a/playground/package.json b/playground/package.json
index 78b108f4e9..6c18671b8c 100644
--- a/playground/package.json
+++ b/playground/package.json
@@ -18,7 +18,7 @@
     "@monaco-editor/react": "^4.4.6",
     "classnames": "^2.3.2",
     "lz-string": "^1.5.0",
-    "monaco-editor": "^0.40.0",
+    "monaco-editor": "^0.47.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-resizable-panels": "^0.0.54"
diff --git a/playground/postcss.config.cjs b/playground/postcss.config.cjs
index 12a703d900..cbfea5ea20 100644
--- a/playground/postcss.config.cjs
+++ b/playground/postcss.config.cjs
@@ -1,5 +1,6 @@
 module.exports = {
   plugins: {
+    "tailwindcss/nesting": {},
     tailwindcss: {},
     autoprefixer: {},
   },
diff --git a/playground/src/Editor/setupMonaco.tsx b/playground/src/Editor/setupMonaco.tsx
index d6584d4dc7..7bff263e07 100644
--- a/playground/src/Editor/setupMonaco.tsx
+++ b/playground/src/Editor/setupMonaco.tsx
@@ -745,7 +745,7 @@ function defineFirLanguage(monaco: Monaco) {
         // Whitespace
         [/[ \t\r\n]+/, "white"],
 
-        [/[{}()[\]<>]/, "@brackets"],
+        [/[()[\]<>]/, "@brackets"],
 
         // Strings
         [/"/, { token: "string.quote", bracket: "@open", next: "@string" }],