fix(storefront): BCTHEME-1000 handle correctly css extension in stencil

[bc-alexsaiannyi]

What?

While working on Prelude POC we would like to change new Stencil Theme structure:

• keep SCSS directory under assets but generate css files under dist/css dir,
• use regular css extension for it.
• use css_compiler flag

If we use mentioned structure, stencil-cli gives us an error in local development. For this reason we would like to add possibility for stencil-cli to work with regular css as well as aseets/scss directory. On theme side, we will use css_compiler flag from config.json that can be switched between scss and css. On Stencil side we will provide this extension to CSS Compiler Handler which then will assemble CSS accordingly.

Tickets / Documentation

• BCTHEME-1000

Screenshots (if appropriate)

cornerstone_test_after_720p.mov

new_theme_test_after_720p.mov

Here our Theme structure at the moment

cc @bigcommerce/storefront-team

[jairo-bc]

@bc-alexsaiannyi Could you please fix conflict and provide some screenshots as a proof, that is working on cornerstone as well

[jairo-bc]

Overall looks good. Take a look at the previous comment

[jairo-bc]

I would also recommend to check other commands if they are affected it particular: stencil download and stencil push
@bc-alexsaiannyi