Fix mark comment annotation

Author: pomber

packages/mdx/src/client/annotations.tsx

@@ -30,15 +30,15 @@ function Mark({
   children: React.ReactNode
   theme: any
 }) {
-  console.log(children)
   const bg =
-    typeof data === "string"
+    data && typeof data === "string"
       ? data
       : tryGuessColor(children) ||
         transparent(
           getColor(theme, ColorName.CodeForeground),
           0.2
         )
+
   return (
     <span
       className="ch-code-mark-annotation"

packages/playground/content/test.mdx

@@ -1,13 +1,14 @@
-# Hello
-
-Foo bar <CH.InlineCode>Hello</CH.InlineCode> foo bar
-
-```js mark=1[1:12],3[17:20]
+```js lorem.js
+// mark[1:8]
 function lorem(ipsum, dolor = 1) {
-  const sit = ipsum == null ? 0 : ipsum.sit
-  dolor = sit - amet(dolor)
-  return sit
-    ? consectetur(ipsum, 0, dolor < 0 ? 0 : dolor)
-    : []
+  // mark[24:32]
+  const sit = ipsum == undefined
+  // mark[8:16]
+  if ("consectur") {
+    // mark[20:27]
+    return ipsum + 12345678
+  }
+  // mark[3:12]
+  adipiscing(dolor + amet)
 }
 ```