使其能够在不使用 CSP style-src 'unsafe-inline' (即不在组件中加载内联 CSS) 的情况下使用

default-src 'self'; img-src data:; style-src 'self' https://unpkg.com; script-src 'self' https://unpkg.com

export function init(settings) {
    const initProperties = Object.assign(settings, hardcodedSettings);
    initProperties.emojiButtonSize = initProperties.emojiSize + 12;

    console.debug("Using these emoji-mart settings:", initProperties);

    const emojiPicker = new EmojiMart.Picker({ ...initProperties, data: async () => {
        const response = await fetch(browser.runtime.getURL(`/node_modules/@emoji-mart/data/sets/${initProperties.emojiVersion}/${initProperties.set}.json`));

        return await response.json();
    }});

    // NOTE: Typing is not updated yet, so cannot be used here: https://GitHub.com/missive/emoji-mart/issues/576
    // @ts-ignore
    document.body.appendChild(emojiPicker);
    console.info("Created EmojiPicker component:", emojiPicker);
}
### What happens
Now if you do this, you get a CSP error:
> Content-Security-Policy: Die Einstellungen der Seite haben die Anwendung eines Inline-Styles (style-src-elem) blockiert, da er gegen folgende Direktive verstößt: "style-src 'self' https://unpkg.com/"
Roughly translated as:
> Content security policy: The page settings have blocked the use of an inline style (style-src-elem) because it violates the following directive: 'style-src "self" https://unpkg.com/'
*And* for obvious reasons the CSS/style is not applied, so it looks horribly broken:
<details>

![Image](https://GitHub.com/user-attachments/assets/e58236cc-03d0-48fc-a541-8be19c431433)

</details>
## Workaround
Adding [`'unsafe-inline'`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy#unsafe-inline) to [`style-src`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/style-src) fixes it aka:
```csp
default-src 'self'; img-src data:; style-src 'self' 'unsafe-inline' https://unpkg.com; script-src 'self' https://unpkg.com