diff --git a/docroot/design-system/package-lock.json b/docroot/design-system/package-lock.json
index 713de82b9..352ec337b 100644
--- a/docroot/design-system/package-lock.json
+++ b/docroot/design-system/package-lock.json
@@ -71,8 +71,8 @@
         "style-loader": "^3.3.3",
         "terser-webpack-plugin": "^5.3.9",
         "trim-newlines": "^4.1.1",
-        "twing": "^5.1.4",
-        "twing-loader": "^4.0.0",
+        "twing": "^5.2.2",
+        "twing-loader": "^4.0.1",
         "typescript": "^5.0.4",
         "webpack": "^5.83.1",
         "webpack-bundle-analyzer": "^4.8.0",
@@ -7832,11 +7832,10 @@
       }
     },
     "node_modules/crypto-js": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-3.3.0.tgz",
-      "integrity": "sha512-DIT51nX0dCfKltpRiXV+/TVZq+Qq2NgF4644+K7Ttnla7zEzqc+kjJyiB96BHNyUTBxyjzRcZYpUdZa+QAqi6Q==",
-      "dev": true,
-      "license": "MIT"
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "dev": true
     },
     "node_modules/crypto-random-string": {
       "version": "2.0.0",
@@ -15879,14 +15878,13 @@
       "license": "MIT"
     },
     "node_modules/twing": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/twing/-/twing-5.1.4.tgz",
-      "integrity": "sha512-NDHYP6/UFyW1bwl1lkKt/LzDXjJnJuXvyWfQU286jr9qd7fztPkoGzBbtQf4whe59z/DY76jWbUQIld34pyEqw==",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/twing/-/twing-5.2.2.tgz",
+      "integrity": "sha512-Rua61/m2iHm4yaXstlnptDtrLmXRjw3ToV/DOFEHnLQpRHoEKuykFGaj1DFI7CP5ZW5eeEn+/b6wEll3f6NYsw==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "capitalize": "^1.0.0",
-        "crypto-js": "^3.1.9-1",
+        "create-hash": "^1.2.0",
         "esrever": "^0.2.0",
         "fs-extra": "^5.0.0",
         "htmlspecialchars": "^1.0.5",
@@ -15911,13 +15909,12 @@
       }
     },
     "node_modules/twing-loader": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/twing-loader/-/twing-loader-4.0.0.tgz",
-      "integrity": "sha512-1Vcrdj3sE8lGzLENDhfjdJmN2nmJNoZ9GUS4dHNwruYeM549uU9Sze27rMAIvRZFkWXZtVZjNywTDb3MDBIOwQ==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/twing-loader/-/twing-loader-4.0.1.tgz",
+      "integrity": "sha512-V7FNFMDFtr60vBhZbN8KNeuIrzlPKViMrD8ThsPRagWRPz3Cy61jRgdjz90pME9CqtDImDdEc60nocIu4yyx5Q==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
-        "crypto-js": "^3.1.9-1",
+        "crypto-js": "4.2.0",
         "loader-utils": "^1.2.3",
         "schema-utils": "^2.2.0",
         "slash": "^3.0.0"
@@ -22591,9 +22588,9 @@
       }
     },
     "crypto-js": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-3.3.0.tgz",
-      "integrity": "sha512-DIT51nX0dCfKltpRiXV+/TVZq+Qq2NgF4644+K7Ttnla7zEzqc+kjJyiB96BHNyUTBxyjzRcZYpUdZa+QAqi6Q==",
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
       "dev": true
     },
     "crypto-random-string": {
@@ -28334,13 +28331,13 @@
       }
     },
     "twing": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/twing/-/twing-5.1.4.tgz",
-      "integrity": "sha512-NDHYP6/UFyW1bwl1lkKt/LzDXjJnJuXvyWfQU286jr9qd7fztPkoGzBbtQf4whe59z/DY76jWbUQIld34pyEqw==",
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/twing/-/twing-5.2.2.tgz",
+      "integrity": "sha512-Rua61/m2iHm4yaXstlnptDtrLmXRjw3ToV/DOFEHnLQpRHoEKuykFGaj1DFI7CP5ZW5eeEn+/b6wEll3f6NYsw==",
       "dev": true,
       "requires": {
         "capitalize": "^1.0.0",
-        "crypto-js": "^3.1.9-1",
+        "create-hash": "^1.2.0",
         "esrever": "^0.2.0",
         "fs-extra": "^5.0.0",
         "htmlspecialchars": "^1.0.5",
@@ -28399,12 +28396,12 @@
       }
     },
     "twing-loader": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/twing-loader/-/twing-loader-4.0.0.tgz",
-      "integrity": "sha512-1Vcrdj3sE8lGzLENDhfjdJmN2nmJNoZ9GUS4dHNwruYeM549uU9Sze27rMAIvRZFkWXZtVZjNywTDb3MDBIOwQ==",
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/twing-loader/-/twing-loader-4.0.1.tgz",
+      "integrity": "sha512-V7FNFMDFtr60vBhZbN8KNeuIrzlPKViMrD8ThsPRagWRPz3Cy61jRgdjz90pME9CqtDImDdEc60nocIu4yyx5Q==",
       "dev": true,
       "requires": {
-        "crypto-js": "^3.1.9-1",
+        "crypto-js": "4.2.0",
         "loader-utils": "^1.2.3",
         "schema-utils": "^2.2.0",
         "slash": "^3.0.0"
diff --git a/docroot/design-system/package.json b/docroot/design-system/package.json
index f1b8a9af5..340897379 100644
--- a/docroot/design-system/package.json
+++ b/docroot/design-system/package.json
@@ -74,8 +74,8 @@
     "style-loader": "^3.3.3",
     "terser-webpack-plugin": "^5.3.9",
     "trim-newlines": "^4.1.1",
-    "twing": "^5.1.4",
-    "twing-loader": "^4.0.0",
+    "twing": "^5.2.2",
+    "twing-loader": "^4.0.1",
     "typescript": "^5.0.4",
     "webpack": "^5.83.1",
     "webpack-bundle-analyzer": "^4.8.0",