docs: Bump t-rex to stable with Docusaurus 3.7 (#284)

## Description

<!-- Provide a concise and descriptive summary of the changes
implemented in this PR. -->

### Type of change

Ci wont work until t-rex is bumped

- [x] Prepare docs
- [x] Bump `@swmansion/t-rex-ui` to `1.0.0`
- [x] Add bash to supported prism langs


### Tested on

Web, please also run your docs and test if everything looks okay.

Author: patrycjakalinska

docs/docusaurus.config.js

@@ -92,6 +92,7 @@ const config = {
           'All trademarks and copyrights belong to their respective owners.',
       },
       prism: {
+        additionalLanguages: ['bash'],
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
       },

docs/package.json

@@ -15,20 +15,20 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "2.4.3",
-    "@docusaurus/plugin-sitemap": "2.4.3",
-    "@docusaurus/preset-classic": "2.4.3",
-    "@mdx-js/react": "^1.6.22",
-    "@swmansion/t-rex-ui": "^0.0.14",
-    "clsx": "^1.2.1",
-    "prism-react-renderer": "^1.3.5",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "@docusaurus/core": "3.7.0",
+    "@docusaurus/plugin-sitemap": "3.7.0",
+    "@docusaurus/preset-classic": "3.7.0",
+    "@mdx-js/react": "^3.0.0",
+    "@swmansion/t-rex-ui": "1.0.0",
+    "clsx": "^2.1.0",
+    "prism-react-renderer": "^2.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "2.4.3",
-    "@tsconfig/docusaurus": "^1.0.5",
-    "typescript": "^4.7.4"
+    "@docusaurus/module-type-aliases": "3.7.0",
+    "@docusaurus/tsconfig": "3.7.0",
+    "typescript": "~5.2.2"
   },
   "browserslist": {
     "production": [
@@ -43,6 +43,6 @@
     ]
   },
   "engines": {
-    "node": ">=16.14"
+    "node": ">=18.0"
   }
 }

docs/src/theme/CodeBlock/highlighting-dark.js

@@ -1,4 +1,4 @@
-const darkTheme = require('prism-react-renderer/themes/github');
+const darkTheme = require('prism-react-renderer').themes.github;
 
 module.exports = {
   ...darkTheme,

docs/src/theme/CodeBlock/highlighting-light.js

@@ -1,4 +1,4 @@
-const lightTheme = require('prism-react-renderer/themes/github');
+const lightTheme = require('prism-react-renderer').themes.github;
 
 module.exports = {
   ...lightTheme,

docs/src/theme/MDXComponents/Details.js

@@ -6,7 +6,7 @@ const MDXDetails = (props) => {
   // Split summary item from the rest to pass it as a separate prop to the
   // Details theme component
   const summary = items.find(
-    (item) => React.isValidElement(item) && item.props?.mdxType === 'summary'
+    (item) => React.isValidElement(item) && item.type === 'summary'
   );
 
   const children = <>{items.filter((item) => item !== summary)}</>;

docs/tsconfig.json

@@ -1,6 +1,6 @@
 {
   // This file is not used in compilation. It is here just for a nice editor experience.
-  "extends": "@tsconfig/docusaurus/tsconfig.json",
+  "extends": "@docusaurus/tsconfig",
   "compilerOptions": {
     "baseUrl": "."
   }