Making animated keyframes text with scss

I have seen this codepen project and i don't know how could i make it work in scss!

here is the CSS one you can switch to SCSS and see it will not work: https://codepen.io/pigne/pen/XXNrGj

CSS

#spin {
  color:red;
}
#spin:after {
  content:"";
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { content:"ipsum"; }
  10% { content:"dolor"; }
  20% { content:"sit"; }
  30% { content:"amet"; }
  40% { content:"consectetur"; }
  50% { content: "adipisicing"; }
  60% { content: "elit"; }
  70% { content: "Hic"; }
  80% { content: "atque"; }
  90% { content: "fuga"; }
}

Could anyone convert it to SCSS Actually it works but does anyone know how to make this work in SCSS cause it shows error when i switch to it!

HTML

<p>Lorem <span id="spin"></span>!</p>