Como funciona scss, tiene la misma sintaxis que css, estaba leyendo que es como sass pero con css, me imagino que al compilar el proyecto...

Hola! SCSS tiene una sintaxis muy similar a CSS, solo que le agrega "superpoderes", incluso algunos dicen que es CSS con asteroides :D, ya que te permite hacer funciones, útil por ejemplo cuando necesitar hacer un cálculo en función de un determinado valor, tienes variables y mixins que te ayudan mucho para que tu proceso de desarrollo sea más productivo. Te recomiendo darte una vuelta por el Curso de Preprocesadores de CSS donde aprendes los 3 preprocesadores más demandados que son SASS, LESS y Stylus.