感谢@muhamadzolfaghari的建议。我不确定这是否是一个足够强的理由来为此目的创建一个独立的 prop ，但我会把它留给其他维护者考虑。

当我在其他框架/库(如Tailwind)中寻找类似的功能时，我发现在<= version 2.*中有inset-0类处理四个方向的位置。由于当时Safari支持的inset零范围为零(2018年),因此将其转换为多个属性。
top: 0; right: 0; bottom: 0; left: 0;
现在，在version 3.*中，inset-0类被转换为精确属性，正如新文档中提到的那样。因为96.28%的浏览器支持inset。
inset: 0

你好，muhamadzolfaghari。感谢你打开这个问题——对于这个inset={0}属性，你期望它生成什么样的CSS?

我希望有一个盒子，只支持内嵌(这里只包含两个，固定和绝对定位)。

// proporal component
type AllowedPosition =
  | { position: "absolute"; inset: number }
  | { position: "fixed"; inset: number }
  | { inset?: number }; // just in case of ignore error;

const ProposalBox = ({ inset, ...rest }: BoxProps & AllowedPosition) => (
  <Box {...rest} sx={{ ...rest.sx, inset }} />
);

// render
<ProposalBox position={"absolute"} inset={0} />

因此，确切的CSS类应该是这样的：

.mui-16m8k9i {
    position: absolute;
    inset: 0;
}

或者正式定义

.mui-16m8k9i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

我将把这个标签为"等待点赞",但我认为这似乎是一个更适合用户界面的简单定制，因为我们没有抽象太多CSS来真正证明添加一个属性是合理的。