Eu realmente não encontro uma resposta nos blogs e no google da liferay - então espero que alguém aqui possa me ajudar.

Estou tentando iniciar o sass em um tema personalizado que estou construindo no liferay 6.2.

Pelo que entendi, a abordagem seria esta:

crie um tema vazio (usando o maven) baseado em _styled

isso me dá um layout de arquivo como este:

<theme>
  +-src
     +-main
        +-webapp
           +-css
              +- ... here i'll put any css overwrites

desenvolver folhas de estilo sass, link paramain.css

<theme>
  +-src
     +-main
        +-webapp
           +-css
              +-main.css
              +-custom.scss

main.css inicialmente se parece com isso:

@import url(custom.css);

/* other css import here */

custom.scss conteria algum conteúdo SASS:

$color: #f00;
body {
    color: $color;
}

Agora minha pergunta: como vincular CSS e SASS corretamente? Como é que@import declaração emmain.css tem que ser definido?

eu tentei@import url(custom.scss); mas isso não me dará os resultados desejados. Da mesma forma,@import url(custom.css); também não fará.