chore(package.json): remove react deps (#875)

Author: maiieul

apps/website/vite.config.ts

@@ -1,5 +1,4 @@
 import { qwikCity } from '@builder.io/qwik-city/vite';
-import { qwikReact } from '@builder.io/qwik-react/vite';
 import { qwikVite } from '@builder.io/qwik/optimizer';
 import { qwikNxVite } from 'qwik-nx/plugins';
 import { defineConfig } from 'vite';
@@ -84,7 +83,6 @@ export default defineConfig(async () => {
           outDir: '../../dist/apps/website/server',
         },
       }),
-      qwikReact(),
       tsconfigPaths({ root: '../../' }),
     ],
 

package.json

@@ -43,7 +43,6 @@
     "@axe-core/playwright": "^4.9.1",
     "@builder.io/qwik": "^1.5.5",
     "@builder.io/qwik-city": "^1.5.5",
-    "@builder.io/qwik-react": "^0.5.4",
     "@changesets/cli": "^2.27.3",
     "@changesets/get-github-info": "^0.6.0",
     "@changesets/types": "^6.0.0",
@@ -70,7 +69,6 @@
     "@oddbird/popover-polyfill": "0.4.3",
     "@playwright/test": "^1.44.1",
     "@qwikest/icons": "^0.0.13",
-    "@radix-ui/react-scroll-area": "^1.0.5",
     "@shikijs/transformers": "^1.6.0",
     "@swc-node/register": "^1.9.1",
     "@swc/core": "^1.5.7",
@@ -80,8 +78,6 @@
     "@types/estree-jsx": "1.0.5",
     "@types/jest": "29.5.12",
     "@types/node": "20.12.12",
-    "@types/react": "18.3.2",
-    "@types/react-dom": "18.3.0",
     "@typescript-eslint/eslint-plugin": "7.9.0",
     "@typescript-eslint/parser": "7.9.0",
     "@vitest/coverage-v8": "^1.6.0",
@@ -123,8 +119,6 @@
     "pretty-quick": "^4.0.0",
     "qwik-nx": "^2.3.0",
     "qwik-themes": "^0.2.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
     "rehype-pretty-code": "^0.13.2",
     "sass": "^1.77.2",
     "shiki": "1.6.0",

packages/kit-styled/src/templates/global.css

@@ -1264,6 +1264,19 @@
     border-left: 1px solid var(--qwikui-slate-300);
   }
 
+  .toc-scrollbar::-webkit-scrollbar-track,
+  .dark .toc-scrollbar::-webkit-scrollbar-track {
+    border-color: transparent;
+  }
+
+  .toc-scrollbar::-webkit-scrollbar-thumb {
+    background-color: transparent;
+  }
+
+  .toc-scrollbar:hover.toc-scrollbar::-webkit-scrollbar-thumb {
+    background-color: hsla(var(--foreground) / 0.15);
+  }
+
   .dark *::-webkit-scrollbar-track {
     background: transparent;
     border-left: 1px solid var(--qwikui-slate-800);