Merhaba @Anomin;

Öncelikle SCSS kullanmanın 2 farklı yolu var:

• VS Code Kullanmak:
  VS Code eklentilerinden biri olan Live Sass Compiler eklentisini indirerek işe başlayabilirsin.
  Daha sonra bir .scss dosyası oluştur. Altta Watch yazan butona görüp tıkladığında yazdıkların her kaydettiğinde oluşturulan .css dosyasına gönderilecek.
  NOT: HTML'E SCSS DEĞİL SCSS DOSYASINI ATAMALISIN

• Codepen Kullanmak:
  Codepen'in kod ayarlarını değiştirerek SCSS kullanabilirsin. Bunun için;

  1. Yeni bir Pen oluştur.
  2. Settings butonuna tıkla.
  3. CSS'i seç
  4. CSS Preprocessor değerini SCSS yap
  5. Ve TAMAM!

  Hadi bir deneme yapalım:

  $primary: #0055fff;
  $primary-text: #c4c4c4;
  body {background: $primary;color: $primary-text;}
  

Sonuç şöyle:

body {background: #0055ff;color: #c4c4c4;}