Dojo with xstyle issue with css keyframes

Question

I use xstyle in a dojo project when trying to add some animation to a div using CSS 3, for example:

@keyframes loadingSpinner {
    from { transform: rotate(0deg)   }
    to   { transform: rotate(360deg) }
}

xstyle output (after use with the xstyle doj build plugin):

@keyframes loadingSpinner from {
    transform:rotate(0deg);
}

@keyframes loadingSpinner to {
    transform:rotate(360deg);
}

which does not work animation:

I'd like to know:

• How to fix this problem (maybe I should rewrite css suing xstyle transition)?

• Can this code be ignored during the build process?

• Any work around?

Related: https://github.com/kriszyp/xstyle/issues/51