website: rm line num and upgrade deps

package.json

@@ -30,8 +30,8 @@
     "@types/node": "^22.10.7",
     "@types/react": "^19.0.7",
     "@types/react-dom": "^19.0.3",
-    "bunchee": "^6.3.2",
-    "codice": "1.0.0",
+    "bunchee": "^6.3.3",
+    "codice": "1.1.0",
     "devjar": "link:./",
     "next": "^15.1.5",
     "react": "^19.0.0",

site/app/page.tsx

@@ -52,7 +52,7 @@ const codeSampleCssImport = {
     background: #eee;
     border: 1px solid #222;
     padding: 8px 16px;
-    border-radius: 8px;
+    border-radius: 4px;
     font-weight: 700;
     transition: color 0.2s ease-in-out;
   }
@@ -123,7 +123,7 @@ export default function Page() {
         </p>
       </div>
 
-      <h1 className="text-center">Examples</h1>
+      <h2 className="text-center">Examples</h2>
       <div className="codesandboxes">
         <Codesandbox title="Tailwind CSS" files={codeSampleTheme} />
         <Codesandbox title="Plain CSS" files={codeSampleCssImport} />

site/styles.css

@@ -19,7 +19,7 @@ body {
   --sh-class: #6f42c1;
   --sh-identifier: #354150;
   --sh-sign: #24292e;
-  --sh-string: #53b487;
+  --sh-string: #57a3a7;
   --sh-keyword: #d73a49;
   --sh-comment: #6a737d;
   --sh-jsxliterals: #24292e;
@@ -156,6 +156,7 @@ textarea:focus-visible {
   max-width: 680px;
   margin: 0 auto;
   text-align: center;
+  color: #404756;
 }
 
 .titles h1 {
@@ -165,7 +166,6 @@ textarea:focus-visible {
 
 .titles h3 {
   font-size: 32px;
-  color: #404756;
   margin: 0;
   padding: 8px 0;
 }
@@ -174,7 +174,6 @@ textarea:focus-visible {
   font-size: 20px;
   margin: 0;
   padding: 8px 0;
-  color: #404756;
 }
 
 .playground {

site/ui/codesandbox.tsx

@@ -44,6 +44,7 @@ export function Codesandbox({
         className="editor"
         controls={false}
         title={null}
+        lineNumbers={false}
         value={files[activeFile]}
         onChange={(code) => {
           setFiles({