今天遇到了一個詭異的問題。想用css variable來計算transform-origin的z軸，因此在scss中輸入：
transform-origin: 50% 50% calc(var(--board-width * -0.5));
當在dev模式中，一切沒問題，但production build時，就會噴Syntax Error。但更奇怪的是，其他地方一樣也有用到 calc(var()) 這樣的寫法，卻沒有錯。應該是dart-sass (v1.52.2)的bug吧。
最後把 calc(var(–board-width * -0.5)); 在包成一個variable，竟然就可以了。
--depth: calc(var(--board-width * -0.5)); transform-origin: 50% 50% var(--depth);