Css et variable scss css less sass

Bonjour tout le monde,

j'ai un petit souci au niveau de mon .css que je n'arrive pas resoudre.

voila mon code:

.bomb{
position:absolute;
top:551px;
left:430px;
-webkit-animation-name:runmontre2;
-webkit-animation-duration:60s;
-webkit-animation-delay: 2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-webkit-transform-origin:50% 96.3%;
}
@-webkit-keyframes runmontre2
{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}

voila j'aimerai bien savoir comment faire pour mettre des variable dans mon css

exemple là:
var degrot = "50deg";

@-webkit-keyframes runmontre2
{
from {-webkit-transform: rotate(0deg); je veut remplacer par rotate (degrot)}
to {-webkit-transform: rotate(360deg);}</code>