Inline SVGs text font-family is removed when rendering.

[MrCroxx]

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

I'm using inline SVGs to render a SVG with customized font-family. But the font-family is not right when rendering. I checked the rendered inline SVG and the original one, found the font-family is removed.

Reproducible demo

No response

Steps to reproduce

1. Customize font-family in a SVG.
2. Render it via inline SVG.
3. tada

Expected behavior

The font-family property should be reserved.

Actual behavior

The font-family property is removed.

Your environment

• Public source code:
• Public site URL:
• Docusaurus version used:
• Environment name and version (e.g. Chrome 89, Node.js 16.4):
• Operating system and version (e.g. Ubuntu 20.04.2 LTS):

Self-service

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

[MrCroxx]

Checked with SVGR playground, the """ is treated as normal text and cause the bug.

[MrCroxx]

FYI gregberge/svgr#963