Personalizando la salida de los compases sprites.

Tengo un menú de la barra superior (que se basa en la Fundación Zurb):

Este es el SCSS:

.top-bar {
  .top-bar-section {
    ul {
      @import "menu-icons/*.png";
      @include all-menu-icons-sprites;
    }
  }
}

Ahora, esto hace lo que se esperaba, pero el problema es que quiero diseñar ela elemento dentro de cadali Elementos (en realidad, me gustaría aplicarlo a.top-bar.topbar-section.ul.li.a:before).

Sin embargo, dado que el sitio está construido en WordPress y, por lo tanto, el menú, solo puedo asignar la clase al elemento li y no tengo idea de cómo hacer que el spriting de Compass funcione.

Lo sé, podría personalizar la forma en que WordPress representa el menú utilizando una clase walker, pero preferiría intentar encontrar una solución simplemente escribiendo el SCSS correcto, siempre que sea posible.