docs: update rehype and make accessibility CSS changes (#7358)

Author: sreeisalso

packages/docs/package.json

@@ -43,8 +43,8 @@
     "qwik-image": "0.0.10",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "rehype-pretty-code": "0.11.0",
-    "shiki": "0.14.7",
+    "rehype-pretty-code": "0.14.0",
+    "shiki": "1.29.1",
     "snarkdown": "2.0.0",
     "tailwindcss": "3.4.6",
     "terser": "5.31.3",

packages/docs/src/routes/docs/docs.css

@@ -206,6 +206,10 @@ h6 a:hover .icon {
   font-weight: bold;
 }
 
+[data-highlighted-chars] {
+  background: #ac7ef4;
+}
+
 .docs article pre {
   padding: 18px 15px;
   overflow: auto;