Ant Design Mobile V5 与 Tailwind V4 样式冲突

问题

Ant Deisgn Mobile中Toast的icon靠左显示了，没有居中显示。

原因

工程引入了Tailwind样式，在全局样式中导入了他的样式。

Tailwind的Preflight样式导致了ADM样式被覆盖的问题。

@import "tailwindcss";

解决

禁用Tailwind的Preflight样式，保留Tailwind的其他样式。

@layer theme, base, components, utilities;
@import "tailwindcss/theme.css" layer(theme);
@import "tailwindcss/utilities.css" layer(utilities);

官方文档

https://tailwindcss.com/docs/preflight