chore: use catalog for dependencies across multiple packages and the website (#7824)

* chore: use catalog for dependencies across multiple packages and the website

* some suggestions

Author: bjohansebas

apps/site/package.json

@@ -47,14 +47,14 @@
     "@radix-ui/react-toast": "^1.2.14",
     "@radix-ui/react-tooltip": "^1.2.7",
     "@tailwindcss/postcss": "~4.1.8",
-    "@types/node": "22.15.3",
-    "@types/react": "^19.1.6",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
     "@vcarl/remark-headings": "~0.1.0",
     "@vercel/analytics": "~1.5.0",
     "@vercel/otel": "~1.12.0",
     "@vercel/speed-insights": "~1.2.0",
-    "classnames": "~2.5.1",
-    "cross-env": "7.0.3",
+    "classnames": "catalog:",
+    "cross-env": "catalog:",
     "feed": "~5.1.0",
     "github-slugger": "~2.0.0",
     "glob": "~11.0.1",
@@ -63,7 +63,7 @@
     "next-intl": "~4.1.0",
     "next-themes": "~0.4.6",
     "postcss-calc": "~10.1.1",
-    "react": "^19.1.0",
+    "react": "catalog:",
     "react-dom": "^19.1.0",
     "reading-time": "~1.5.0",
     "rehype-autolink-headings": "~7.1.0",
@@ -72,7 +72,7 @@
     "remark-reading-time": "~2.0.2",
     "semver": "~7.7.2",
     "sval": "^0.6.3",
-    "tailwindcss": "~4.0.17",
+    "tailwindcss": "catalog:",
     "vfile": "~6.0.3",
     "vfile-matter": "~5.0.1"
   },
@@ -109,7 +109,7 @@
     "stylelint-order": "7.0.0",
     "stylelint-selector-bem-pattern": "4.0.1",
     "tsx": "^4.19.3",
-    "typescript": "~5.8.2",
+    "typescript": "catalog:",
     "typescript-eslint": "~8.33.1",
     "user-agent-data-types": "0.4.2",
     "wrangler": "^4.13.0"

packages/i18n/package.json

@@ -26,7 +26,7 @@
   },
   "devDependencies": {
     "eslint-import-resolver-typescript": "~4.4.2",
-    "typescript": "~5.8.2",
+    "typescript": "catalog:",
     "typescript-eslint": "~8.33.1"
   }
 }

packages/rehype-shiki/package.json

@@ -16,9 +16,12 @@
     "@shikijs/core": "^3.4.2",
     "@shikijs/engine-javascript": "^3.4.2",
     "@shikijs/engine-oniguruma": "^3.7.0",
-    "classnames": "~2.5.1",
+    "classnames": "catalog:",
     "hast-util-to-string": "^3.0.1",
     "shiki": "~3.4.2",
     "unist-util-visit": "^5.0.0"
+  },
+  "devDependencies": {
+    "cross-env": "catalog:"
   }
 }

packages/ui-components/package.json

@@ -44,9 +44,9 @@
     "@radix-ui/react-tooltip": "~1.2.7",
     "@tailwindcss/postcss": "~4.1.8",
     "@vcarl/remark-headings": "~0.1.0",
-    "classnames": "~2.5.1",
+    "classnames": "catalog:",
     "postcss-calc": "^10.1.1",
-    "tailwindcss": "~4.0.17"
+    "tailwindcss": "catalog:"
   },
   "devDependencies": {
     "@storybook/addon-styling-webpack": "^1.0.1",
@@ -55,23 +55,23 @@
     "@storybook/react": "^9.0.3",
     "@storybook/react-webpack5": "^9.0.3",
     "@testing-library/user-event": "~14.6.1",
-    "@types/node": "22.15.3",
-    "@types/react": "^19.1.6",
-    "cross-env": "^7.0.3",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
+    "cross-env": "catalog:",
     "css-loader": "~7.1.2",
     "eslint-plugin-react": "~7.37.4",
     "eslint-plugin-storybook": "~9.0.3",
     "global-jsdom": "^26.0.0",
     "postcss-loader": "~8.1.1",
-    "react": "^19.1.0",
+    "react": "catalog:",
     "storybook": "^9.0.3",
     "style-loader": "~4.0.0",
     "stylelint": "^16.20.0",
     "stylelint-config-standard": "^38.0.0",
     "stylelint-order": "7.0.0",
     "stylelint-selector-bem-pattern": "4.0.1",
     "tsx": "^4.19.3",
-    "typescript": "~5.8.2",
+    "typescript": "catalog:",
     "typescript-eslint": "~8.33.1"
   },
   "imports": {

pnpm-lock.yaml

@@ -13,3 +13,16 @@ onlyBuiltDependencies:
   - sharp
   - unrs-resolver
   - workerd
+
+# We use catalog for dependencies that are shared across
+# multiple packages in the monorepo.
+# This allows us to manage versions and updates in one place.
+# https://pnpm.io/en/catalogs
+catalog:
+  '@types/node': 22.15.3
+  '@types/react': ^19.1.6
+  classnames: ~2.5.1
+  react: ^19.1.0
+  tailwindcss: ~4.0.17
+  typescript: ~5.8.2
+  'cross-env': ^7.0.3