I'm trying to implement Dark mode/ light mode variant in my LWC open source application which internally uses base lightning components.
I read the documentation about using styling hooks from Lightning design systems, but not sure if this is applicable for Open source or not Lightning design system guide to styling hooks
I tried using this in my opensource LWC application but got following error when trying to run
npm run build
⚡⚡⚡⚡ Lightning Web Components ⚡⚡⚡⚡⚡ ⌛ Creating build configuration � Starting build process. � Module build failed (from ./node_modules/lwc-webpack-plugin/dist/loader.js): CssSyntaxError: E:\Omkar\code\plugin SFDC LWC\SFDC-Extension-LWC\src\modules\my\queryBox\queryBox.css:3:5: Invalid definition of custom property "--sds-c-button-brand-color-background".