fix(storefront): BCTHEME-1000 handle correctly regular css file

.gitattributes

@@ -1,2 +1,4 @@
 # Set a consistent line-ending styles across different OS to avoid problems with linters
 * text eol=lf
+*.png binary
+*.jpg binary

CHANGELOG.md

@@ -1,3 +1,7 @@
+### Draft
+
+-   fix(storefront): bctheme-1000 handle regular css in stencil ([844](https://github.com/bigcommerce/stencil-cli/pull/844))
+
 ### 3.8.5 (2022-01-18)
 
 -   fix(storefront): strf-9594 loosed frontmatter refex ([841](https://github.com/bigcommerce/stencil-cli/pull/841))

server/plugins/theme-assets/theme-assets.module.js

@@ -60,21 +60,21 @@ internals.cssHandler = async (request, h) => {
     request.app.themeConfig.setVariation(variationIndex);
 
     // Get the theme configuration
+    const configuration = await request.app.themeConfig.getConfig();
     const fileName = internals.getOriginalFileName(request.params.fileName);
     const fileParts = path.parse(fileName);
-    const pathToFile = path.join(fileParts.dir, `${fileParts.name}.scss`);
-    const basePath = path.join(internals.getThemeAssetsPath(), 'scss');
+    const ext = configuration.css_compiler === 'css' ? configuration.css_compiler : 'scss';
+    const pathToFile = path.join(fileParts.dir, `${fileParts.name}.${ext}`);
+    const basePath = path.join(internals.getThemeAssetsPath(), `${ext}`);
 
     let files;
     try {
-        files = await promisify(cssAssembler.assemble)(pathToFile, basePath, 'scss', {});
+        files = await promisify(cssAssembler.assemble)(pathToFile, basePath, `${ext}`, {});
     } catch (err) {
         console.error(err);
         throw Boom.badData(err);
     }
 
-    const configuration = await request.app.themeConfig.getConfig();
-
     const params = {
         data: files[pathToFile],
         files,