[Feature Request]: Ability to use dynamic styleUrls

[sembo199]

Is your feature request related to a problem? Please describe

For our Angular application we are using a dynamically set stylesheet URL based on an environment variable in our components. This gives us the ability to have multiple stylesheets with completely different styling in one codebase. This does not work for storybook. As soon as I try to do any operation storybook does not seem to find the stylesheet anymore. For instance, this works:
@Component({ selector: 'app-button', templateUrl: './button.component.html', styleUrls: ['./button.component.scss'] })
But this does not:
@Component({ selector: 'app-button', templateUrl: './button.component.html', styleUrls: ['./button.component.' + environment.scssExtension] })
This does not work either:
@Component({ selector: 'app-button', templateUrl: './button.component.html', styleUrls: ['./button.component.'+'scss'] })

It seems that any operation does not work when running storybook.

Describe the solution you'd like

I would like Storybook to work with dynamically set stylesheet URL's. This would mean we can use environment variables in our stylesheet URL's. When running storybook, we can set different environment variables to change the styling storybook uses.

Describe alternatives you've considered

No response

Are you able to assist to bring the feature to reality?

no

Additional context

No response