En Astro.js, cuando pongo estas líneas en un archivo .astro:

 <link rel="stylesheet" href={ Astro.resolve('../styles/preloader.scss') }> <link rel="stylesheet" href={ Astro.resolve('../styles/application.scss') } media="print" onload="this.onload=null;this.media='all'">

el resultado que obtengo en el momento de la compilación es este:

(Estoy construyendo un sitio en varios idiomas. El 'en' en en.ffae6e3d.css es de la página en inglés /en)

 <link rel="stylesheet" href="../assets/application.ddd2d855.css"> <link rel="stylesheet" href="../assets/en.ffae6e3d.css">

¿Cómo puedo obtener este resultado?

 <link rel="stylesheet" href="../assets/preloader.css"> <link rel="stylesheet" href="../assets/application.css" media="print" onload="this.onload=null;this.media='all'">

Este es el resultado (esperado) que obtengo en el modo de desarrollo.