Update dependencies

apps/docs/package.json

@@ -10,27 +10,27 @@
     "start": "next start"
   },
   "dependencies": {
-    "@codesandbox/sandpack-react": "^2.9.0",
+    "@codesandbox/sandpack-react": "^2.10.0",
     "@codesandbox/sandpack-themes": "^2.0.21",
     "@vercel/og": "^0.5.0",
     "body-scroll-lock": "^4.0.0-beta.0",
     "clsx": "^2.0.0",
-    "framer-motion": "^10.0.0",
+    "framer-motion": "^10.16.14",
     "next": "^13.5.6",
     "nextra": "latest",
     "nextra-theme-docs": "latest",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "sharp": "^0.32.5"
+    "sharp": "^0.33.0"
   },
   "devDependencies": {
     "@svgr/webpack": "^8.0.1",
     "@types/body-scroll-lock": "^3.1.2",
-    "@types/node": "^18.11.18",
-    "@types/react": "^18.2.21",
+    "@types/node": "^20.10.4",
+    "@types/react": "^18.2.42",
     "autoprefixer": "^10.4.15",
-    "eslint": "^8.30.0",
-    "postcss": "^8.4.31",
-    "tailwindcss": "^3.3.3"
+    "eslint": "^8.55.0",
+    "postcss": "^8.4.32",
+    "tailwindcss": "^3.3.6"
   }
 }

apps/web/components/config.tsx

@@ -14,29 +14,6 @@ const tourConfig: StepType[] = [
     content: 'And this is our cool bus...',
     position: [20, 20],
   },
-  {
-    selector: '#demo-hlt-button',
-    content: 'Check the demos for each Component',
-    padding: {
-      mask: [10, 10],
-    },
-    styles: {
-      maskArea: (base) => ({
-        ...base,
-        rx: 4,
-      }),
-      highlightedArea: (base) => ({
-        ...base,
-        display: 'block',
-        pointerEvents: 'none',
-        cursor: 'pointer',
-        stroke: 'red',
-        rx: 4,
-        animation: 'mask-ping 2s ease infinite',
-        clipPath: 'url("#demo-mask-clip")',
-      }),
-    },
-  },
   {
     selector: '[data-tut="reactour__copy"]',
     content: `Keep in mind that you could try and test everything during the Tour.