Syntax highlight different in .mmd files and in mermaid blocks in .md files

[pdanpdan]

Hello.
It looks like when highlighting syntax in .mmd files all is well, but for the mermaid blocks in .md files the syntax highlight seems to be different.

Here is an attached example with them side-by-side.

Is it expected, a bug or something related to my config maybe?

---
config:
  theme: neo-dark
  themeCSS:
    - .cardinality text { fill: #ededed }
  themeVariables:
    primaryTextColor: #ededed
    nodeBorder: #393939
    mainBkg: #292929
    lineColor: orange
---
flowchart TD
    %% Nodes
        A("fab:fa-youtube Starter Guide")
        B("fab:fa-youtube Make Flowchart")
        n1@{ icon: "fa:gem", pos: "b", h: 24}
        C("fa:fa-book-open Learn More")
        D{"Use the editor"}
        n2(Many shapes)@{ shape: delay}
        E(fa:fa-shapes Visual Editor)
        F("fa:fa-chevron-up Add node in toolbar")
        G("fa:fa-comment-dots AI chat")
        H("fa:fa-arrow-left Open AI in side menu")
        I("fa:fa-code Text")
        J(fa:fa-arrow-left Type Mermaid syntax)

    %% Edge connections between nodes
        A --> B --> C --> n1 & D & n2
        D -- Build and Design --> E --> F
        D -- Use AI --> G --> H
        D -- Mermaid js --> I --> J

    %% Individual node styling. Try the visual editor toolbar for easier styling!
        style E color:#FFFFFF, fill:#AA00FF, stroke:#AA00FF
        style G color:#FFFFFF, stroke:#00C853, fill:#00C853
        style I color:#FFFFFF, stroke:#2962FF, fill:#2962FF

    %% You can add notes with two "%" signs in a row!

Loading