🐛 fix(_update): delete deprecated deps

package.json

@@ -16,12 +16,12 @@
   "dependencies": {
     "@docusaurus/core": "3.1.1",
     "@docusaurus/preset-classic": "3.1.1",
-    "@mdx-js/react": "^3.0.0",
-    "clsx": "^2.0.0",
+    "@mdx-js/react": "^3.1.0",
+    "clsx": "^2.1.1",
     "font-awesome": "^4.7.0",
-    "prism-react-renderer": "^2.3.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "prism-react-renderer": "^2.4.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "3.1.1",

src/css/custom.css

@@ -4,6 +4,7 @@
  * work well for content-centric websites.
  */
  @import 'font-awesome/css/font-awesome.min.css';
+ @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap');
  
  /* You can override the default Infima variables here. */
  :root {
@@ -16,6 +17,9 @@
    --ifm-color-primary-lightest: #4f46e5;
    --ifm-code-font-size: 95%;
    --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
+ 
+   /* Custom font for code */
+   --ifm-font-family-code: 'Fira Code', monospace;
  }
  
  /* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -56,3 +60,14 @@ html[data-theme='dark'] .navbar__github {
  .navbar__github:hover {
    background: var(--ifm-color-emphasis-200);
  }
+ 
+ /* Apply Fira Code to code blocks and preformatted text */
+ code, pre {
+   font-family: 'Fira Code', monospace;
+ }
+ 
+ /* Optionally apply Fira Code globally for body */
+ body {
+   font-family: 'Fira Code', monospace;
+ }
+