How can I add nonce value in style tag injected by styles plugin in custom library at run time?

[ayush3899]

Here is the code I am using, I need to replace the value of nonce attribute i.e CHAT_NONCE at run time.

        mode: [
          "inject",
          {
            container: "head",
            singleTag: true,
            attributes: {
              chatLibrary: "chatLibraryNonce",
              nonce: "**CHAT_NONCE**",
            },
          },
        ],
      }),```
      
What I want to do: 

```  styles({
        mode: [
          "inject",
          {
            container: "head",
            singleTag: true,
            attributes: {
              chatLibrary: "chatLibraryNonce",
              nonce:  document.head.querySelector("[property~=csp-nonce]")?.content,
            },
          },
        ],
      }),```
      
      in above code I am putting the value by accessing a DOM element ie. meta tag. In Meta tag nonce values is being added by server side.
     ``` <meta property="csp-nonce" content="**CSP_NONCE**" /> ```