Change code highlight module to Shiki

[SuperManito]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Description

Prism performance is not good enough

Has this been requested on Canny?

No response

Motivation

Shiki is a syntax highlighter based on Microsoft VSCode TextMate grammar. TextMate grammar is very powerful.

API design

No response

Have you tried building it?

No response

Self-service

• I'd be willing to contribute this feature to Docusaurus myself.

[slorber]

Duplicate of #9122

It doesn't have to live in the Docusaurus repo and can remain a third-party plugin

See also:

• https://github.com/shikijs/twoslash/tree/main/packages/docusaurus-preset-shiki-twoslash
• https://github.com/shikijs/twoslash/tree/main/packages/remark-shiki-twoslash

---

Note: afaik TextMate grammars are heavy, and Shiki should rather be used at build time instead of runtime. For that, highlighting through a remark plugin is a good option.

In the future we might have support for React Server Components (#9089) to keep Shiki out of the bundle (related, also based on TextMate grammars: https://bright.codehike.org/).