SASS/SCSS在单个项目中合并多个值

我有以下

mixin

：

@mixin rhombus() {
  @include transform(rotate(45deg));
}

还有一个：

@mixin centerVertically() {
  @include transform(transform(0, -50%));

  position: absolute;
  top: -50%
}

现在我想在同一个元素上使用它们，当然它会失败，因为最后一个调用将是赢家

有一个解决方案，但是我找不到任何解决SASS的方法

不要坚持上面的代码，这只是一个示例。我不会问如何使元素居中或如何旋转它；我也知道转换的顺序可能很重要，但仍然有任何方法可以合并转换属性吗

编辑

问题标记为重复，但问题完全不同（答案也不包括我的问题）。我问的是关于在单个街区内共享物业的问题：

div {
  @mixin rhombus;
  @mixin centerVertically;
}

---

附加的问题是关于访问继承属性和相同级别属性的问题。我的情况不同，我相信答案也可能不同。我不会搜索操纵继承的属性。我搜索将属性值合并为一个属性值的方法。虽然“重复”问题没有解决问题的答案，但我已经找到了答案。

我做了一些研究，并在SASS的es回购协议上找到了正确的答案，它准确地描述了这个案例

是的，没有很好的解决办法。但有一种方法可能真的很有用。下面的代码完全属于

用法如

.shadow-elem {
    // Appending values.
    @include box-shadow(0 0 1px #ccc, true);
    @include box-shadow(0 0 1px #ddd, true);

    // Append and write the style.
    @include box-shadow(0 0 1px #eee);
}

---

尽管在别人眼里它可能看起来很脏，但我真的很喜欢它，因为经过一些小的调整后，它完全解决了我的问题。

祝贺你没有阅读我标记为重复的问题的选定答案？你基本上是从中复制了解决方案。不，我没有。它提出了变量，不适用于现有的用法

.shadow-elem {
    // Appending values.
    @include box-shadow(0 0 1px #ccc, true);
    @include box-shadow(0 0 1px #ddd, true);

    // Append and write the style.
    @include box-shadow(0 0 1px #eee);
}