fix: use loader from config for postcss (#744)

Author: baptisteArno

src/esbuild/index.ts

@@ -160,7 +160,7 @@ export async function runEsbuild(
     }),
     options.tsconfigDecoratorMetadata && swcPlugin({ logger }),
     nativeNodeModulesPlugin(),
-    postcssPlugin({ css, inject: options.injectStyle }),
+    postcssPlugin({ css, inject: options.injectStyle, cssLoader: loader['.css'] }),
     sveltePlugin({ css }),
     ...(options.esbuildPlugins || []),
   ]

src/esbuild/postcss.ts

@@ -1,14 +1,16 @@
 import fs from 'fs'
 import path from 'path'
-import { Plugin, transform } from 'esbuild'
+import { Loader, Plugin, transform } from 'esbuild'
 import { getPostcss } from '../utils'
 
 export const postcssPlugin = ({
   css,
   inject,
+  cssLoader,
 }: {
   css?: Map<string, string>
   inject?: boolean
+  cssLoader?: Loader
 }): Plugin => {
   return {
     name: 'postcss',
@@ -132,7 +134,7 @@ export const postcssPlugin = ({
 
         return {
           contents,
-          loader: 'css',
+          loader: cssLoader ?? 'css',
         }
       })
     },