Используйте синтаксис SCSS на сайте WordPress без использования плагина

Question

Можно ли использовать синтаксис SCSS на сайте WordPress без использования плагина? Я пытался загрузить .scss файлы в мою дочернюю тему и wp_enqueue_style в моей дочерней теме functions.php, но сайт не будет использовать код.

Ниже приведен пример синтаксиса, который я пытаюсь использовать на своем сайте WordPress.

$clouds: 10;
@for $i from 0 through $clouds {
  div.cloud:nth-child(#{$i + 1}) {
    left: random(150) / 150 * 100% + 50%;
    top: random(100) / 100 * 90%;
    transform: scale(random(2) - 0.5);
    opacity: random(60) / 100;
    animation: moveclouds random(20) + 20 + s linear infinite;
  }
}

@keyframes moveclouds {
  100% {
    left: -50%;
  }
}