Tengo un componente iluminado (p. ej., tc-tooltip) en el que, en algunos casos, me gustaría eliminar su flecha anulando su CSS como se describe en los documentos de shoelace

¿Hay alguna forma de hacer esto? Pensé que podría crear una propiedad en la clase de componente iluminado, por ejemplo

 @property({ type: Boolean }) hasArrow = true;

y para intentar cambiar los estilos verificando cuándo la propiedad hasArrow del componente está configurada en falso

 removeArrow() { if (this.hasArrow === false) { styles.push(css` sl-tooltip::part(base) { --sl-tooltip-arrow-size: 0;" }`); } styles.push(prepareStyles(styles)): }

pero no puedo hacer que funcione. Cualquier consejo apreciado!