Make Css style to not be returned

toHTML() {
          return '';
        },
        toCSS() {
          return '';
        },

The component has the getStyle method which returns an object like this { color: 'red'}. If the returning object is empty no rule will be created in the code, but the same is applied in the canvas, so you won't see your styles.

What you can do is create a custom component like this:

domc.addType('no-css-in-code', {
      model: {
        ...
        getStyle() {
		  if (exportingCode) {
			return {}
		  } else {
			return defaultModel.prototype.getStyle.apply(this);
		  }
        }
      },
    });

So before exporting the code you can use exportingCode as a flag

@artf the solution "getStyle()" that you provided can only be applied to

style: {
            "pointer-events":"none";
},

what if this component has a class of "isNewComponent" and has style of

.isNewComponent{
background-color: #222;
}

is possible for the editor to not include the above style (with a class) when we call editor.getCss();