CSS препроцессор с поддержкой анти-FOUC

Question

FOUC - это распространенная проблема с пользовательским интерфейсом для сайтов с большим количеством CSS (особенно после того, как вы начнете объединять свои CSS-файлы), и общее решение состоит в том, чтобы разделить важные правила макета в небольшом отдельном файле, который загружается первым. Это приводит к коду, который трудно читать и поддерживать, потому что связанные правила находятся в очень отдаленных местах. Мне интересно, есть ли какой-нибудь препроцессор CSS, который поддерживает разделение кода на разные файлы? То есть вы бы написали что-то вроде

.main-content { #FOUC
    position: absolute;
    top: 10px;
    left: 15px;
}
.main-content h1 {
    font-weight: bold;
}

а также .main-content а также .main-content h1 в конечном итоге в разных файлах. (Или, может быть, то же самое на уровне каждого правила.)