A lot of <style>

[silviaphungky]

Reproduction link

https://ant.design/components/typography

Steps to reproduce

• inspect https://ant.design/components/typography
• search style in html

What is expected?

minimal style injection

What is actually happening?

a lot of style injection in head that cause bigger string in memory inspection

Environment	Info
antd	5.17.0
React	18.2.0
System	mac
Browser	chrome

[MadCcc]

Styles are injected by component. Please provide a reproduction if you encountered with performance issue.

[github-actions]

Hello @silviaphungky. Please provide a online reproduction by forking codesandbox of antd@5.x or antd@4.x, or provide a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 3 days.

你好 @silviaphungky，我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击这里创建一个 antd@5.x 或 antd@4.x 的 codesandbox，或者提供一个最小化的 GitHub 仓库。3 天内未跟进此 issue 将会被自动关闭。

什么是最小化重现，为什么这是必需的？

[silviaphungky]

@MadCcc

https://master--tangerine-sherbet-853a3a.netlify.app/ this one using antd Typography and Flex
https://euphonious-cendol-61a17d.netlify.app/ this one without antd, only inline style

memory result in chrome devtools:

1. antd: the strings proportion is almost same with the code proportion

if we see more in the sumary, it shows a lot of repetition of Token*** and antd typography style



imagine if I use a lot of components from antd, it will produce bigger strings in the memory that will cause performance issue in my website. I expect the strings is smaller without any repetition

2. inline style without antd

[silviaphungky]

@MadCcc I aready attach the link for reproduce