sass в конечном итоге будет проанализирован как css, а < недопустимый оператор css. Этот поддельный оператор < будет попыткой выбрать прямого родителя из данного дочернего элемента, например, > выбирает прямого дочернего элемента из данного родителя. CSS этого не позволяет. Как сказано в названии cascading style sheets, вы go сверху снизу, вы можете выбирать только потомков, в лучшем случае братьев и сестер, но не родителей.
Препроцессоры позволяют вам писать более простые стили с помощью функций, миксинов, более чистого синтаксиса, но не позволяйте вам нарушать css основные c правила, вы не можете go обойти это.