To use transform on safari you need -webkit-transform. So you'll have :
...
transform: scaleX(var(--scaleX)) scaleY(var(--scaleY));
-webkit-transform: scaleX(var(--scaleX)) scaleY(var(--scaleY));
...
This other post has some more info. Why on Safari the transform translate doesn't work correctly?