El valor de asignación de clase '@' del contenido del bloque cambia a signo '-' al usar literales plantilla

Versión GrapesJS

• Confirmo que se debe usar la última versión de GrapesJS

¿Qué navegador usas?

Firefox 108.0.2

Enlace de demo reproducible

No es posible en JSFIDDLE

Describe el bicho

grapesjs-cli - 3.0.1 grapesjs - 0.20.3

¿Cómo reproducir el bicho?

1. añadir un newblock con este literal de plantilla con un atributo de clase que contenga un signo '@' '''js bm.add('foo', { etiqueta: 'Foo', Contenido: '
   <div class="uk-width-1-2@m">
   <div>Algunos textos</div>
   </div>
   `, });

2. arrastra el bloque hacia el área de trabajo

3. Se creará el siguiente elemento 'div':
'''js
<div data-gjs-highlightable="true" id="igof" data-gjs-type="default" draggable="true" class="uk-width-1-2-m">
    <div data-gjs-highlightable="true" id="is7o" data-gjs-type="text" draggable="true" class="">
        Algunos textos
    </div>
</div>

4. Otra posibilidad de reproducción: abrir el código con la herramienta 'Importar' y cambiar un atributo 'class' para que contenga un signo '@'. Guárdatelo. Y luego, cuando vuelves a abrir el diálogo 'Importar plantilla', el signo '@' se reemplaza por uno de '-'

5. PROBLEMA: ver la 'clase' en la primera 'división'...

¿Cuál es el comportamiento esperado? El valor del atributo no debería cambiar, así que debería permanecer con el signo '@': '<div ... class="uk-width-1-2@m">'

¿Cuál es el comportamiento actual? Cambia el '@' Sihn por un '-': '<div ... class="uk-width-1-2-m">'

Si es necesario ejecutar algo de código para reproducir el error, pégalo aquí abajo: '''js bm.add('foo', { etiqueta: 'Foo', Contenido: '
<div class="uk-width-1-2@m">
<div>algunos text@</div>
</div>
`, });

### Código de conducta

- [X] Acepto seguir el Código de Conducta de este proyecto