如何更改包装React组件的Web组件的样式

Question

我有一个围绕React组件的Web组件。我想更改边界半径的反应组件中有一些div。这是base.tsx中的代码

export abstract class Base extends BaseReactElement {
    static get styles() {
        return [
            unsafeCSS(processCssText(reactStyles)),
            unsafeCSS(processCssText(styles)),
            css`
                :host,
                :host > div,
                :host > div > div {
                    display: block;
                    width: 100%;
                }

              #test {
                border-radius: var(--test-border-radius, 0);
              }

。我有Web组件，可以调用围绕base.tsx React组件。调用HS-DIAGOG时，如何更改测试仪 - radius的价值？