Icon ❌ not showing in chrome due to default system-ui in font-family

[Dsaquel]

Describe the bug

In firefox, the the icon ❌ is displayed as expected but in chromium browsers i only get x.

Reproduction

Stackblitz.

Expected behavior

See ❌

What's happening ?

See x

System Info

System:
    OS: Linux 6.14 Ubuntu 24.04.3 LTS 24.04.3 LTS (Noble Numbat)
    CPU: (6) x64 Intel(R) Core(TM) i5-9600K CPU @ 3.70GHz
    Memory: 23.65 GB / 31.28 GB
    Container: Yes
    Shell: 4.1.2 - /usr/bin/fish
  Binaries:
    Node: 25.0.0 - /home/element/.n/bin/node
    npm: 11.6.2 - /home/element/.n/bin/npm
    pnpm: 10.11.0 - /home/element/.n/bin/pnpm
    bun: 1.2.19 - /home/element/.n/bin/bun
  Browsers:
    Brave Browser: 140.1.82.170
    Chrome: 142.0.7444.59
    Firefox: 144.0.2
    Firefox Developer Edition: 144.0.2

Additional context

related PR that can solve this issue.

Validations

• Check if you're on the latest VitePress version.
• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.