如何在 SCSS 中使用 @property CSS 变量

Question

我一直在努力解决如何在我的Angular SCSS 代码中使用这个 CSS 代码中的 --rotate 值

代码笔： https://codepen.io/gayane-gasparyan/pen/jOmaBQK

 @property --rotate { syntax: "<angle>"; initial-value: 132deg; inherits: false; }.card::before { content: ""; width: 104%; height: 102%; border-radius: 8px; background-image: linear-gradient( var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2); position: absolute; z-index: -1; top: -1%; left: -2%; animation: spin 2.5s linear infinite; }

我已经尝试过这个答案但没有工作.... https://stackoverflow.com/a/70672476/4591364

请问我可以得到一些帮助吗？