Support nonce for web-component-library-stencil

[AliKdhim87]

Beschrijving:

Probleem: Het nonce-attribuut wordt niet toegevoegd aan de <style>-elementen in de gerenderde HTML-uitvoer.

console.log:

Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' 'nonce-ODYyNTg3YzktYjU2MC00MmJhLTg5ODMtODZmNTRlYTY4YmNi'". Either the 'unsafe-inline' keyword, a hash ('sha256-YUKCaHC6u+Nroo+NYv18Vu9sN88jXs+Baxc8F1bNkyE='), or a nonce ('nonce-...') is required to enable inline execution.

[AliKdhim87]

Het lijkt erop dat StencilJS een bug heeft. Ik heb het @utrecht/web-component-library-react pakket getest in een andere Next.js-app en kreeg hetzelfde probleem.

Ik heb om hulp gevraagd op de StencilJS Discord en ook een issue aangemaakt op GitHub