Recientemente comencé a usar bootstrap SCSS en mi proyecto de nodo. Así que tengoapp/bower_components/bootstrap-sass/lib/_glyphicons.scss por ejemplo.

Mirando mi salida de CSS veo cosas como:

@media -sass-debug-info{filename{font-family:file\:\/\/\/home\/some\/path\/project\/app\/bower_components\/bootstrap-sass\/lib\/_normalize\.scss}line{font-family:\0000332}}
audio,
canvas,
video {
  display: inline-block;
}

Tengo 2 preguntas:

Esto parece un agujero de seguridad. Todos pueden deducir algo sobre mi sistema operativo y la estructura de directorios simplemente mirando mi CSS. ¿Cuál es la forma correcta de cerrar este agujero de seguridad?¿Como funciona? Casi lo entiendo, pero me falta algo. Mirando el SCSS, veo que bootstrap está usando$icon-font-path Lo que aparentemente se convierte en este camino absoluto. Mirando adocumentación de la brújula, Veo que proporcionan valores absolutos pero no$icon-font-path

Este es el código al que me refiero:

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('#{$icon-font-path}#{$icon-font-name}.eot');
  src: url('#{$icon-font-path}#{$icon-font-name}.eot?#iefix') format('embedded-opentype'),
       url('#{$icon-font-path}#{$icon-font-name}.woff') format('woff'),
       url('#{$icon-font-path}#{$icon-font-name}.ttf') format('truetype'),
       url('#{$icon-font-path}#{$icon-font-name}.svg#glyphicons-halflingsregular') format('svg');
}