如何在 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

請問我可以得到一些幫助嗎？