Strict CSP breaks bold tags in annotation text

Using the new strict CSP support breaks bold tags in annotation text.

Steps to reproduce:

1. Include the plotly.css file.
2. Content Security Policy that disallows inline stylesheets.
3. Annotations where the text includes <b> tag.

I've reproduced this problem in Vue 3 with Plotly 3.0.1 here: https://stackblitz.com/edit/vitejs-vite-1gco7d7q?file=src%2Fcomponents%2FPlotlyExample.vue

The Plotly code is like so, with bold tags around the text annotations X axis and Y axis

  Plotly.newPlot(plotlyContainer.value, [{ x: [1, 2, 3], y: [2, 1, 2] }], {
    annotations: [
      {
        xref: 'paper',
        yref: 'paper',
        x: 0,
        xanchor: 'right',
        y: 1,
        yanchor: 'bottom',
        text: '<b>X axis</b> label',
        showarrow: false,
      },
      {
        xref: 'paper',
        yref: 'paper',
        x: 1,
        xanchor: 'left',
        y: 0,
        yanchor: 'top',
        text: '<b>Y axis</b> label',
        showarrow: false,
      },
    ],
  });

CSP:

    <meta
      http-equiv="Content-Security-Policy"
      content="default-src 'self'; img-src 'self' data: blob:; style-src 'self' 'sha256-jehvI5/Zi1PSH21Fi6ZfQYAtiGucyVGUH4ziRLU+Bfc=';"
    />

(NOTE: because of how the Vite dev server works, I need to include the sha256 checksum of the plotly-3.0.1.css file, in a production build it wouldn't be necessary.)

Expected result:

I produced this image by commenting out the CSP meta tag in the reproduction code linked to above.

Actual result:

リンクされた Vue 3 の再現例と plotly.css の組み込みから始め、提供された CSP の下で Plotly.newPlot が タグを含む注釈テキストをどのようにレンダリングするかを追跡します。再現例で動作を検証し、厳格な CSP に違反することなく太字の注釈テキストがレンダリングされることを確認します。