Astroでstylusファイルからglobalスタイルをimportする方法

こちらのgithubのissueでやりとりされていました。

結論、astro.config.mjsに以下のように書けばstylusファイルをimportできます。

export default defineConfig({
  vite: {
    css: {
      preprocessorOptions: {
        stylus: {
          imports: [path.resolve(__dirname, './src/styles/index.styl')]
        }
      }
    }
  }
});

公式にも載っているよく見かけるけど試してダメだったやつ。

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `$injectedColor: orange;`,
      },
      styl: {
        additionalData: `$injectedColor ?= orange`,
      },
    },
  },
})

https://ja.vitejs.dev/config/shared-options.html

ちなみにviteの設定なのでnuxt3でも同様に使えます。