Estoy intentando personalizar el CSS de Twitter Bootstrap sin alterar las copias locales del código de bootstrap. * Así que he clonado el proyecto de Twitter Bootstrap en una carpeta y tengo el código de mi aplicación dentro de su propia carpeta:

/html
    /bootstrap
       ...etc...
       /js
       /less
    /MyApp
       ...etc...
       /common_files
          /less
             style.less

Dentro de mi archivo "style.less", defino algunas variables LESS, luego incluyo los archivos bootstrap:

/* custom settings that deviate from Bootstrap's default values */
@sansFontFamily: Trebuchet MS, Tahoma, sans-serif, Arial;
@baseFontSize: 11px;
@baseLineHeight: 18px;

/* import bootstrap components from bootstrap-dedicated folder */
@import "../../../bootstrap/less/bootstrap.less";
@import "../../../bootstrap/less/responsive.less";

Ya queLas variables LESSCSS son realmente constantes, Me sorprende que mi @sansFontFamily no sea recogida cuando compilo los archivos LESS en CSS:lessc style.less > MyApp.css --yui-compress

Entonces ... ¿qué me estoy perdiendo? ¿Por qué mis variables se sobrescriben con las variables definidas en los archivos LESS de Bootstrap?

* - He comprobado "Buenas prácticas de personalización de Twitter Bootstrap", pero creo que aprovechar las constantes sería un mejor enfoque (si puedo hacerlo funcionar).