chore: upgrade pkgs (#509)

Author: yathomasi

package.json

@@ -13,7 +13,7 @@
     "build": "gatsby build",
     "clean": "gatsby clean",
     "start": "node ./src/server.js",
-    "heroku-postbuild": "heroku-deploy",
+    "heroku-postbuild": "bash node_modules/.bin/heroku-deploy",
     "test": "jest",
     "format": "prettier --write",
     "format-check-all": "prettier --check \"**/*.{js,jsx,md,tsx,ts,json,css,yml,yaml}\"",
@@ -41,16 +41,16 @@
   },
   "homepage": "https://github.com/iterative/cml.dev#readme",
   "engines": {
-    "node": ">=18.x <=20.x"
+    "node": "22.x",
+    "yarn": "4.x"
   },
   "dependencies": {
-    "@dvcorg/gatsby-theme-iterative": "0.3.21",
-    "@dvcorg/websites-server": "^0.1.1",
+    "@dvcorg/gatsby-theme-iterative": "0.3.25",
+    "@dvcorg/websites-server": "^0.3.0",
     "@emotion/react": "11.10.5",
     "@emotion/styled": "11.10.5",
     "@hapi/wreck": "18.0.0",
     "@mdx-js/react": "2.2.1",
-    "@octokit/graphql": "5.0.4",
     "@reach/portal": "0.18.0",
     "@reach/tooltip": "0.18.0",
     "@theme-ui/color": "0.15.4",

src/@dvcorg/gatsby-theme-iterative/components/Documentation/Layout/styles.module.css

@@ -41,10 +41,7 @@
     &.opened {
       content: '';
       position: fixed;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0;
+      inset: 0;
       z-index: 1;
       opacity: 1;
       pointer-events: all;

src/@dvcorg/gatsby-theme-iterative/components/LayoutFooter/index.tsx

@@ -63,14 +63,6 @@ const footerLists: Array<IFooterListPopupProps> = [
       }
     ]
   },
-  {
-    title: 'Company',
-    items: [
-      { text: 'About us', url: 'https://iterative.ai/about/' },
-      { text: 'Join us', url: 'https://iterative.ai/about#career' },
-      { text: 'Media Kit', url: 'https://iterative.ai/brand' }
-    ]
-  },
   {
     title: 'More Tools',
     items: [

src/components/molecules/HamburgerMenu/styles.module.css

@@ -10,10 +10,7 @@
   transform: translateX(100%);
   transition: transform 0.4s ease, visibility 0.4s;
   will-change: transform;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
+  inset: 0;
   background-color: var(--color-gray-hover);
   color: #fff;
   overflow-y: auto;

src/gatsby/models/github/index.js

@@ -1,4 +1,8 @@
-const { request } = require('@octokit/request')
+let request
+;(async () => {
+  const mod = await import('@octokit/request')
+  request = mod.request
+})()
 /*
    GitHub Static Data