diff --git a/package-lock.json b/package-lock.json
index a5a3b6982..30e8e496b 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.2",
+        "twing-loader": "5.0.0-beta.3",
         "typescript": "4.9.5",
         "val-loader": "2.1.2",
         "webpack": "4.47.0"
@@ -10304,11 +10304,6 @@
       "integrity": "sha512-RDvF6wTulMPjrNdCoYRC8gNR880JNGT8uB+REUpC2Ns4pRqQJhGz90wh7rgdXDPpCczF3VGktDuFGVnz8zP7HA==",
       "dev": true
     },
-    "node_modules/@types/luxon": {
-      "version": "1.26.2",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/mdast": {
       "version": "3.0.3",
       "dev": true,
@@ -14758,14 +14753,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,
@@ -16170,11 +16157,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",
@@ -23299,6 +23281,7 @@
       "version": "1.1.0",
       "dev": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       },
@@ -23365,14 +23348,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",
@@ -27701,11 +27676,6 @@
         "node": ">= 0.10.0"
       }
     },
-    "node_modules/merge": {
-      "version": "1.2.1",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/merge-descriptors": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
@@ -28533,14 +28503,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",
@@ -28863,14 +28825,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",
@@ -36571,17 +36525,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,
@@ -36846,101 +36789,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.2",
+      "resolved": "https://registry.npmjs.org/twing/-/twing-7.2.2.tgz",
+      "integrity": "sha512-k4MhaUPu9kDfpBYIGopGGQihua6fDd5lzBbJTyuqdzuAbGrokOl5y0zY3iRuhFXl40ErPC2CicQrCx1YeVFnZQ==",
       "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"
       }
@@ -37772,14 +37669,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,
@@ -37918,11 +37807,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,
@@ -46261,10 +46145,6 @@
       "integrity": "sha512-RDvF6wTulMPjrNdCoYRC8gNR880JNGT8uB+REUpC2Ns4pRqQJhGz90wh7rgdXDPpCczF3VGktDuFGVnz8zP7HA==",
       "dev": true
     },
-    "@types/luxon": {
-      "version": "1.26.2",
-      "dev": true
-    },
     "@types/mdast": {
       "version": "3.0.3",
       "dev": true,
@@ -49589,10 +49469,6 @@
         }
       }
     },
-    "camelcase": {
-      "version": "4.1.0",
-      "dev": true
-    },
     "camelcase-css": {
       "version": "2.0.1",
       "dev": true
@@ -50630,10 +50506,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",
@@ -55632,7 +55504,8 @@
     },
     "is-finite": {
       "version": "1.1.0",
-      "dev": true
+      "dev": true,
+      "optional": true
     },
     "is-fullwidth-code-point": {
       "version": "2.0.0",
@@ -55669,13 +55542,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",
@@ -58646,10 +58512,6 @@
       "version": "0.3.1",
       "dev": true
     },
-    "merge": {
-      "version": "1.2.1",
-      "dev": true
-    },
     "merge-descriptors": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
@@ -59250,10 +59112,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",
@@ -59474,10 +59332,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",
@@ -64856,13 +64710,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
@@ -65047,57 +64894,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.2",
+      "resolved": "https://registry.npmjs.org/twing/-/twing-7.2.2.tgz",
+      "integrity": "sha512-k4MhaUPu9kDfpBYIGopGGQihua6fDd5lzBbJTyuqdzuAbGrokOl5y0zY3iRuhFXl40ErPC2CicQrCx1YeVFnZQ==",
       "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
@@ -65109,32 +64943,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",
@@ -65662,13 +65475,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,
@@ -65765,10 +65571,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 4bfeebd4e..58f5a3cd7 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.2",
+    "twing-loader": "5.0.0-beta.3",
     "typescript": "4.9.5",
     "val-loader": "2.1.2",
     "webpack": "4.47.0"