feat(theme-mermaid): support Mermaid 11+ including new types of diagrams (#10510)

packages/docusaurus-theme-mermaid/package.json

@@ -38,7 +38,7 @@
     "@docusaurus/theme-common": "3.5.2",
     "@docusaurus/types": "3.5.2",
     "@docusaurus/utils-validation": "3.5.2",
-    "mermaid": "^10.4.0",
+    "mermaid": ">=10.4",
     "tslib": "^2.6.0"
   },
   "devDependencies": {

website/_dogfooding/_pages tests/diagrams.mdx

@@ -428,3 +428,22 @@ quadrantChart
     Campaign E: [0.40, 0.34]
     Campaign F: [0.35, 0.78]
 ```
+
+## Architecture Diagram
+
+- See https://mermaid.js.org/syntax/architecture
+- See https://github.com/facebook/docusaurus/discussions/10508
+
+```mermaid
+architecture-beta
+    group api(cloud)[API]
+
+    service db(database)[Database] in api
+    service disk1(disk)[Storage] in api
+    service disk2(disk)[Storage] in api
+    service server(server)[Server] in api
+
+    db:L -- R:server
+    disk1:T -- B:server
+    disk2:T -- B:db
+```