How to avoid adding Internal or Embedded CSS (style tags) as css rule when a template is loaded in the editor?

[FaisalShaikhHA]

• I am loading a template that has some style tags under the head <style>...</style>. I can't use external style URL instead of
• These styles are added as CSS rules under gjs-css-rules div by grapesjs.
• My editor has an editable area component built from here as suggested by @artf
• So when I call editor.getCss() it returns all the editor CSS along with those style tag css because these styles are added as CSS rules at the time of loading the template. I tried getting editable component CSS as well but it also returns the same CSS string.
• So is there any option or way where I can avoid adding template styles as CSS rules? I can't turn these styles into external URLs.
• One more question, I tried sending my custom style <template><wrapper><div data-gjs-type='editable'><style>...</style></div></wrapper></template> but this style is ignored by the editor and no rule is added or only empty style tag is generated under gjs-css-rules div. Unable to understand this behavior. Please help thanks in advance.