fix: on docs pages ensure the toc is always a fixed width

.yarnrc.yml

@@ -6,4 +6,6 @@ enableTelemetry: false
 
 nodeLinker: node-modules
 
+npmMinimalAgeGate: 3d
+
 npmRegistryServer: "https://registry.npmjs.org/"

README.md

@@ -7,6 +7,7 @@ This repository contains source code for everything except the documentation its
 Docusaurus is configured to read documentation from the `.svgo/docs` directory instead of the root `docs/` directory. Before running locally, you must install dependencies and obtain a copy of the documentation:
 
 ```sh
+corepack enable
 yarn install
 
 # You only need to do one of the following!

package.json

@@ -1,5 +1,5 @@
 {
-  "packageManager": "yarn@4.9.1",
+  "packageManager": "yarn@4.13.0",
   "name": "svgo-dev",
   "version": "0.0.0",
   "description": "Landing page and documentation for SVGO.",
@@ -37,8 +37,8 @@
     "format": "eslint --fix .",
     "typecheck": "tsc",
     "a11y": "node ./pa11y.mjs",
-    "a11y:ci": "start-server-and-test 'serve build -l 3000' 'http://localhost:3000' 'yarn run a11y'",
-    "qa": "yarn run lint && yarn run typecheck && yarn run a11y",
+    "a11y:ci": "start-server-and-test 'yarn run serve --no-open' 'http://localhost:3000' 'yarn run a11y'",
+    "qa": "yarn run lint && yarn run typecheck && yarn run a11y:ci",
     "docusaurus": "docusaurus",
     "start": "docusaurus start",
     "build": "docusaurus build",
@@ -59,30 +59,29 @@
     "@docusaurus/theme-classic": "3.9.2",
     "@docusaurus/theme-common": "3.9.2",
     "@docusaurus/theme-live-codeblock": "3.9.2",
-    "@easyops-cn/docusaurus-search-local": "^0.52.1",
+    "@easyops-cn/docusaurus-search-local": "^0.55.1",
     "@mdx-js/react": "^3.1.1",
-    "@preact/compat": "^18.3.1",
+    "@preact/compat": "^18.3.2",
     "clsx": "^2.1.1",
-    "preact": "^10.27.2",
-    "preact-render-to-string": "^6.6.3",
+    "preact": "^10.28.4",
+    "preact-render-to-string": "^6.6.6",
     "prism-react-renderer": "^2.4.1",
     "react": "npm:@preact/compat@*",
     "react-dom": "npm:@preact/compat@*",
     "rehype-stringify": "^10.0.1",
-    "svgo": "^4.0.0"
+    "svgo": "^4.0.1"
   },
   "devDependencies": {
     "@docusaurus/module-type-aliases": "3.9.2",
     "@docusaurus/types": "3.9.2",
     "@sethfalco/eslint-config": "^1.2.1",
-    "@types/node": "^25.3.0",
+    "@types/node": "^25.3.3",
     "@types/pa11y": "^5.3.7",
     "eslint": "^9.39.1",
     "eslint-plugin-react": "^7.37.5",
     "globals": "^17.3.0",
     "pa11y": "^9.1.0",
-    "rimraf": "^6.1.0",
-    "serve": "^14.2.5",
+    "rimraf": "^6.1.3",
     "start-server-and-test": "^2.1.5",
     "typescript": "^5.9.3"
   },

src/pages/index.jsx

@@ -24,8 +24,8 @@ function HomepageHeader() {
             SVG Optimizer for Node.js and CLI
           </h1>
           <p className={styles.subtitle}>
-            SVGO and its various integrations will enable you to optimize
-            SVGs and serve your web applications faster.
+            SVGO and its integrations will enable you to optimize SVGs and serve
+            your web applications faster.
           </p>
           <div>
             <Link

src/theme/DocItem/Layout/styles.module.css

@@ -20,6 +20,6 @@
   @media (min-width: 1024px) {
     margin-right: 1rem;
     display: block;
-    flex-shrink: 0;
+    width: 12rem;
   }
 }