Can't render markdown formatting in mermaid

[Penggeor]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

Mermaid flowchat is support markdown formatting: http://mermaid.js.org/syntax/flowchart.html#markdown-formatting

But docusaurus can't render markdown formatting:

Reproducible demo

https://codesandbox.io/p/sandbox/aged-waterfall-d69rkt

Steps to reproduce

1. enter the repo
2. enter /tutorial/intro page
3. you will see the marmaid

Expected behavior

Render markdown formatting correctly in mermaid.

Actual behavior

No render

Your environment

Same as the example repo.

Self-service

• I'd be willing to fix this bug myself.

[slorber]

As far as I understand this was added in Mermaid 10.1 in mermaid-js/mermaid#4271

Docusaurus v2 uses Mermaid 9.x so it is not a bug, but a feature request.

We'll upgrade to Mermaid v10.latest in #9032 for Docusaurus v3, so closing this as a duplicate