TailwindCSS v4无法用padding类覆盖全局重置样式的问题咨询

我给所有元素设置了全局padding重置样式：* { padding: 0; }，期望和TailwindCSS v3版本表现一致——px-*、py-*这类内边距工具类能够覆盖全局重置的padding值。按预期，添加px-32 py-16类的元素应该呈现为矩形（左右内边距大于上下），但在v4版本中实际显示为正方形，这些padding工具类完全没有生效；相同场景在v3版本中可正常工作。

v4 测试代码 #

CSS 全局重置 #

* {
  padding: 0;
}

HTML 代码 #

<script src="https://unpkg.com/@tailwindcss/browser@4"></script>

TailwindCSS v4 - 预期：矩形（v4中无效）
<div class="bg-red-200 w-32 h-32 px-32 py-16"></div>

v3 正常工作示例 #

CSS 全局重置 #

* {
  padding: 0;
}

HTML 代码 #

<script src="https://cdn.tailwindcss.com"></script>

TailwindCSS v3 - 预期：矩形（v3中有效）
<div class="bg-red-200 w-32 h-32 px-32 py-16"></div>

注：此问题灵感来自wongjn在GitHub讨论中的评论。

内容的提问来源于stack exchange，提问作者rozsazoltan