en mi aplicación, tengo un archivo scss, resultado de una gema, residente en la carpeta de gemas en el lado opuesto de la carpeta del proyecto de mi aplicación

en trabajos bien localmente, tengo el camino a las imágenes correctas, como esto: (copiado del inspector de elementos en chrome)

media="all"
.social-share-button-twitter {
display: inline-block;
width: 16px;
height: 16px;
background: url("/assets/sprites/social-share-button.png") 0px -48px no-repeat;
}

pero, cuando despliegue en heroku, la ruta de la imagen no se resuelve, obtengo este resultado:

media="all"
.social-share-button-twitter {
display: inline-block;
width: 16px;
height: 16px;
background: url(image-path("sprites/social-share-button.png")) 0px -48px no-repeat;
}

note la url arriba, por supuesto que no apuntará a la imagen png.

Aquí es cómo está en el archivo scss:

.social-share-button-baidu { display:inline-block; width: 16px; height: 16px; background: url(image-path('sprites/social-share-button.png')) 0px 0px no-repeat }

¿Alguna idea de por qué me equivoco de ruta en la aplicación desplegada?

¿Cómo puedo forzar a los rieles a usar otro archivo scss en lugar del archivo en la carpeta gema? Intenté establecer otro archivo en la aplicación.css pero, los rieles siguen usando el archivo en la carpeta de gemas.

Alguna idea ? ¿Por qué funciona bien a nivel local?