diff --git a/package-lock.json b/package-lock.json
index 8463e792a..86e24d866 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -79,8 +79,8 @@
         "stylelint-use-logical-spec": "4.1.0",
         "through2": "4.0.2",
         "tiny-glob": "0.2.9",
-        "twing": "3.1.1",
-        "twing-loader": "3.0.1",
+        "twing": "7.2.1",
+        "twing-loader": "5.0.0-beta.3",
         "typescript": "4.9.5",
         "val-loader": "2.1.2",
         "webpack": "4.47.0"
@@ -9578,11 +9578,6 @@
       "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
       "dev": true
     },
-    "node_modules/@types/luxon": {
-      "version": "1.26.2",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/mdast": {
       "version": "3.0.3",
       "dev": true,
@@ -13958,14 +13953,6 @@
       "dev": true,
       "license": "0BSD"
     },
-    "node_modules/camelcase": {
-      "version": "4.1.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/camelcase-css": {
       "version": "2.0.1",
       "dev": true,
@@ -15326,11 +15313,6 @@
         "node": "*"
       }
     },
-    "node_modules/crypto-js": {
-      "version": "3.3.0",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/css-color-keywords": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
@@ -17038,11 +17020,6 @@
         "es6-symbol": "^3.1.1"
       }
     },
-    "node_modules/es6-promise": {
-      "version": "4.2.8",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/es6-shim": {
       "version": "0.35.8",
       "resolved": "https://registry.npmjs.org/es6-shim/-/es6-shim-0.35.8.tgz",
@@ -22336,6 +22313,7 @@
       "version": "1.1.0",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       },
@@ -22402,14 +22380,6 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/is-integer": {
-      "version": "1.0.7",
-      "dev": true,
-      "license": "WTFPL OR ISC",
-      "dependencies": {
-        "is-finite": "^1.0.0"
-      }
-    },
     "node_modules/is-map": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
@@ -25986,14 +25956,13 @@
       }
     },
     "node_modules/locutus": {
-      "version": "2.0.14",
+      "version": "2.0.32",
+      "resolved": "https://registry.npmjs.org/locutus/-/locutus-2.0.32.tgz",
+      "integrity": "sha512-fr7OCpbE4xeefhHqfh6hM2/l9ZB3XvClHgtgFnQNImrM/nqL950o6FO98vmUH8GysfQRCcyBYtZ4C8GcY52Edw==",
       "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "es6-promise": "^4.2.5"
-      },
       "engines": {
-        "node": ">= 0.12.0"
+        "node": ">= 10",
+        "yarn": ">= 1"
       }
     },
     "node_modules/lodash": {
@@ -26736,11 +26705,6 @@
         "node": ">= 0.10.0"
       }
     },
-    "node_modules/merge": {
-      "version": "1.2.1",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/merge-descriptors": {
       "version": "1.0.1",
       "dev": true,
@@ -27550,14 +27514,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/object-hash": {
-      "version": "1.3.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.10.0"
-      }
-    },
     "node_modules/object-inspect": {
       "version": "1.13.4",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
@@ -27868,14 +27824,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/os-tmpdir": {
-      "version": "1.0.2",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/outdent": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/outdent/-/outdent-0.5.0.tgz",
@@ -35369,17 +35317,6 @@
         "node": "*"
       }
     },
-    "node_modules/tmp": {
-      "version": "0.0.33",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "os-tmpdir": "~1.0.2"
-      },
-      "engines": {
-        "node": ">=0.6.0"
-      }
-    },
     "node_modules/tmpl": {
       "version": "1.0.5",
       "dev": true,
@@ -35603,101 +35540,55 @@
       "license": "MIT"
     },
     "node_modules/twig-lexer": {
-      "version": "0.7.2",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "@types/node": "^12.0.8"
-      }
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/twig-lexer/-/twig-lexer-0.9.2.tgz",
+      "integrity": "sha512-jqW70ktyWR1alB7q7n6urBWewuF1iXwm2A9FMq0fFwBp+Gn9a1ORWyZ7AyQYqf33xNNl+pAbgNebWbnBtxDtXQ==",
+      "dev": true
     },
     "node_modules/twing": {
-      "version": "3.1.1",
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/twing/-/twing-7.2.1.tgz",
+      "integrity": "sha512-8eVtwjSbMMstbuTNYGEVnevyRJnf8wW5QjJ+IzW5v2ucyZelCELdHsqO8f//VIxzSutqcjd4+HAFrNNixKfUig==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
-        "@types/luxon": "^1.4.0",
-        "camelcase": "^4.1.0",
         "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",
-        "iconv-lite": "^0.4.19",
-        "is-integer": "^1.0.7",
-        "is-number": "^5.0.0",
+        "iconv-lite": "^0.6.3",
         "is-plain-object": "^2.0.4",
         "isobject": "^3.0.1",
         "levenshtein": "^1.0.5",
-        "locutus": "^2.0.11",
+        "locutus": "^2.0.31",
         "luxon": "^1.19.3",
-        "merge": "^1.2.1",
-        "object-hash": "^1.2.0",
         "pad": "^2.0.3",
         "regex-parser": "^2.2.8",
         "runes": "^0.4.3",
         "snake-case": "^2.1.0",
         "source-map": "^0.6.1",
-        "tmp": "0.0.33",
-        "twig-lexer": "^0.7.0",
-        "utf8-binary-cutter": "^0.9.2",
-        "var-validator": "0.0.3"
+        "twig-lexer": "^0.9.0"
       },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=16.0.0"
       }
     },
     "node_modules/twing-loader": {
-      "version": "3.0.1",
+      "version": "5.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/twing-loader/-/twing-loader-5.0.0-beta.3.tgz",
+      "integrity": "sha512-yyOIx+MLnrHKTT7WvTF8fF5VdxJxvr5j+talVpAbvX9WjWVcCUlhNxP/IoRMrtk77hjxj0ZvIBPcA1oT9l2Rlw==",
       "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "crypto-js": "^3.1.9-1",
-        "loader-utils": "^1.2.3",
-        "schema-utils": "^2.2.0",
-        "slash": "^3.0.0"
-      },
       "peerDependencies": {
-        "twing": "^3.0.1"
+        "twing": "^7.0.0-beta.1"
       }
     },
-    "node_modules/twing-loader/node_modules/json5": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
-    "node_modules/twing-loader/node_modules/loader-utils": {
-      "version": "1.4.0",
+    "node_modules/twing/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^1.0.1"
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
       },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/twing/node_modules/fs-extra": {
-      "version": "5.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.1.2",
-        "jsonfile": "^4.0.0",
-        "universalify": "^0.1.0"
-      }
-    },
-    "node_modules/twing/node_modules/is-number": {
-      "version": "5.0.0",
-      "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -36519,14 +36410,6 @@
         "react": "^16.8.0 || ^17.0.0"
       }
     },
-    "node_modules/utf8-binary-cutter": {
-      "version": "0.9.2",
-      "dev": true,
-      "license": "public domain",
-      "dependencies": {
-        "lodash": "^4.17.10"
-      }
-    },
     "node_modules/util": {
       "version": "0.11.1",
       "dev": true,
@@ -36665,11 +36548,6 @@
         "node": ">= 0.10"
       }
     },
-    "node_modules/var-validator": {
-      "version": "0.0.3",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/vary": {
       "version": "1.1.2",
       "dev": true,
@@ -44635,10 +44513,6 @@
       "integrity": "sha512-H3MHACvFUEiujabxhaI/ImO6gUrd8oOurg7LQtS7mbwIXA/cUqWrvBsaeJ23aZEPk1TAYkurjfMbSELfoCXlGA==",
       "dev": true
     },
-    "@types/luxon": {
-      "version": "1.26.2",
-      "dev": true
-    },
     "@types/mdast": {
       "version": "3.0.3",
       "dev": true,
@@ -47901,10 +47775,6 @@
         }
       }
     },
-    "camelcase": {
-      "version": "4.1.0",
-      "dev": true
-    },
     "camelcase-css": {
       "version": "2.0.1",
       "dev": true
@@ -48913,10 +48783,6 @@
         "randomfill": "^1.0.3"
       }
     },
-    "crypto-js": {
-      "version": "3.3.0",
-      "dev": true
-    },
     "css-color-keywords": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/css-color-keywords/-/css-color-keywords-1.0.0.tgz",
@@ -50157,10 +50023,6 @@
         "es6-symbol": "^3.1.1"
       }
     },
-    "es6-promise": {
-      "version": "4.2.8",
-      "dev": true
-    },
     "es6-shim": {
       "version": "0.35.8",
       "resolved": "https://registry.npmjs.org/es6-shim/-/es6-shim-0.35.8.tgz",
@@ -53798,7 +53660,8 @@
     },
     "is-finite": {
       "version": "1.1.0",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "is-fullwidth-code-point": {
       "version": "2.0.0",
@@ -53835,13 +53698,6 @@
       "version": "1.0.4",
       "dev": true
     },
-    "is-integer": {
-      "version": "1.0.7",
-      "dev": true,
-      "requires": {
-        "is-finite": "^1.0.0"
-      }
-    },
     "is-map": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
@@ -56259,11 +56115,10 @@
       }
     },
     "locutus": {
-      "version": "2.0.14",
-      "dev": true,
-      "requires": {
-        "es6-promise": "^4.2.5"
-      }
+      "version": "2.0.32",
+      "resolved": "https://registry.npmjs.org/locutus/-/locutus-2.0.32.tgz",
+      "integrity": "sha512-fr7OCpbE4xeefhHqfh6hM2/l9ZB3XvClHgtgFnQNImrM/nqL950o6FO98vmUH8GysfQRCcyBYtZ4C8GcY52Edw==",
+      "dev": true
     },
     "lodash": {
       "version": "4.17.21",
@@ -56801,10 +56656,6 @@
       "version": "0.3.1",
       "dev": true
     },
-    "merge": {
-      "version": "1.2.1",
-      "dev": true
-    },
     "merge-descriptors": {
       "version": "1.0.1",
       "dev": true
@@ -57389,10 +57240,6 @@
         }
       }
     },
-    "object-hash": {
-      "version": "1.3.1",
-      "dev": true
-    },
     "object-inspect": {
       "version": "1.13.4",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
@@ -57604,10 +57451,6 @@
         "lcid": "^1.0.0"
       }
     },
-    "os-tmpdir": {
-      "version": "1.0.2",
-      "dev": true
-    },
     "outdent": {
       "version": "0.5.0",
       "resolved": "https://registry.npmjs.org/outdent/-/outdent-0.5.0.tgz",
@@ -62816,13 +62659,6 @@
       "version": "1.4.2",
       "dev": true
     },
-    "tmp": {
-      "version": "0.0.33",
-      "dev": true,
-      "requires": {
-        "os-tmpdir": "~1.0.2"
-      }
-    },
     "tmpl": {
       "version": "1.0.5",
       "dev": true
@@ -62980,57 +62816,44 @@
       "dev": true
     },
     "twig-lexer": {
-      "version": "0.7.2",
-      "dev": true,
-      "requires": {
-        "@types/node": "^12.0.8"
-      }
+      "version": "0.9.2",
+      "resolved": "https://registry.npmjs.org/twig-lexer/-/twig-lexer-0.9.2.tgz",
+      "integrity": "sha512-jqW70ktyWR1alB7q7n6urBWewuF1iXwm2A9FMq0fFwBp+Gn9a1ORWyZ7AyQYqf33xNNl+pAbgNebWbnBtxDtXQ==",
+      "dev": true
     },
     "twing": {
-      "version": "3.1.1",
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/twing/-/twing-7.2.1.tgz",
+      "integrity": "sha512-8eVtwjSbMMstbuTNYGEVnevyRJnf8wW5QjJ+IzW5v2ucyZelCELdHsqO8f//VIxzSutqcjd4+HAFrNNixKfUig==",
       "dev": true,
       "requires": {
-        "@types/luxon": "^1.4.0",
-        "camelcase": "^4.1.0",
         "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",
-        "iconv-lite": "^0.4.19",
-        "is-integer": "^1.0.7",
-        "is-number": "^5.0.0",
+        "iconv-lite": "^0.6.3",
         "is-plain-object": "^2.0.4",
         "isobject": "^3.0.1",
         "levenshtein": "^1.0.5",
-        "locutus": "^2.0.11",
+        "locutus": "^2.0.31",
         "luxon": "^1.19.3",
-        "merge": "^1.2.1",
-        "object-hash": "^1.2.0",
         "pad": "^2.0.3",
         "regex-parser": "^2.2.8",
         "runes": "^0.4.3",
         "snake-case": "^2.1.0",
         "source-map": "^0.6.1",
-        "tmp": "0.0.33",
-        "twig-lexer": "^0.7.0",
-        "utf8-binary-cutter": "^0.9.2",
-        "var-validator": "0.0.3"
+        "twig-lexer": "^0.9.0"
       },
       "dependencies": {
-        "fs-extra": {
-          "version": "5.0.0",
+        "iconv-lite": {
+          "version": "0.6.3",
+          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+          "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
           "dev": true,
           "requires": {
-            "graceful-fs": "^4.1.2",
-            "jsonfile": "^4.0.0",
-            "universalify": "^0.1.0"
+            "safer-buffer": ">= 2.1.2 < 3.0.0"
           }
         },
-        "is-number": {
-          "version": "5.0.0",
-          "dev": true
-        },
         "isobject": {
           "version": "3.0.1",
           "dev": true
@@ -63042,32 +62865,11 @@
       }
     },
     "twing-loader": {
-      "version": "3.0.1",
+      "version": "5.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/twing-loader/-/twing-loader-5.0.0-beta.3.tgz",
+      "integrity": "sha512-yyOIx+MLnrHKTT7WvTF8fF5VdxJxvr5j+talVpAbvX9WjWVcCUlhNxP/IoRMrtk77hjxj0ZvIBPcA1oT9l2Rlw==",
       "dev": true,
-      "requires": {
-        "crypto-js": "^3.1.9-1",
-        "loader-utils": "^1.2.3",
-        "schema-utils": "^2.2.0",
-        "slash": "^3.0.0"
-      },
-      "dependencies": {
-        "json5": {
-          "version": "1.0.1",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.4.0",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^1.0.1"
-          }
-        }
-      }
+      "requires": {}
     },
     "type": {
       "version": "1.2.0",
@@ -63581,13 +63383,6 @@
       "dev": true,
       "requires": {}
     },
-    "utf8-binary-cutter": {
-      "version": "0.9.2",
-      "dev": true,
-      "requires": {
-        "lodash": "^4.17.10"
-      }
-    },
     "util": {
       "version": "0.11.1",
       "dev": true,
@@ -63684,10 +63479,6 @@
       "version": "3.0.0",
       "dev": true
     },
-    "var-validator": {
-      "version": "0.0.3",
-      "dev": true
-    },
     "vary": {
       "version": "1.1.2",
       "dev": true
diff --git a/package.json b/package.json
index 02f5830e4..5c6c70dbd 100644
--- a/package.json
+++ b/package.json
@@ -110,8 +110,8 @@
     "stylelint-use-logical-spec": "4.1.0",
     "through2": "4.0.2",
     "tiny-glob": "0.2.9",
-    "twing": "3.1.1",
-    "twing-loader": "3.0.1",
+    "twing": "7.2.1",
+    "twing-loader": "5.0.0-beta.3",
     "typescript": "4.9.5",
     "val-loader": "2.1.2",
     "webpack": "4.47.0"