Using transformerNotationHighlight in JSX code

[Yonom]

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

Describe the bug

```ts
const Test: React.FC = () => {
  return (
    <div>
      <div /> {/* [!code highlight] */}
    </div>
  );
};
```

gets converted to

const Test: React.FC = () => {
  return (
    <div>
      <div /> {}
    </div>
  );
};

I expected no empty brackets {} to remain. I believe {/* comment */} is the only valid syntax for comments inside JSX.

Reproduction

Contributes

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests

[Yonom]

I believe the regex here would have to be adjusted to also capture the curly brackets {}

shiki/packages/transformers/src/transformers/notation-map.ts

Line 27 in eae7391

new RegExp(`\\s*(?://|/\\*|<!--|#|--|%{1,2}|;{1,2}|"|')\\s+\\[!code (${Object.keys(classMap).map(escapeRegExp).join('|')})(:\\d+)?\\]\\s*(?:\\*/|-->)?\\s*$`),