How to reset/remove default StyleManager sectors

[hyuuks]

When i was use grapesjs v 0.16.* i can do

[styles.ts]

const sm = editor.StyleManager;
sm.getSectors().reset([
        {
            name: 'General',
            buildProps: ['display', 'position', 'vertical-align', 'float', 'top', 'bottom', 'left', 'right', 'overflow-x', 'overflow-y'],
            properties:[...]
        },
]);

but with the latest version the default StyleManager Sectors are still there.
is there any other ways to remove default StyleManager Sectors with my own Sectors ?, not in init grapesjs.init({ ... })

edit:
i made my own web-preset (https://github.com/artf/grapesjs-preset-webpage), then call styles.ts in index.ts

import type grapesjs from 'grapesjs';
import components from './components';
import blocks from './blocks';
import styles from './styles';

...
const plugin: grapesjs.Plugin<PluginOptions> = (editor, opts: Partial<PluginOptions> = {}) => {
 ...
  // Load components
  components(editor, config);

  // Load blocks
  blocks(editor, config);

  // Load styles
  styles(editor, config);
}

[artf]

Try to move the update once the editor is ready.

editor.onReady(() => {
    editor.StyleManager.getSectors().reset([...]);
});

[hyuuks]

yes this is what i've done.
but my answer is not posted here, i hope theres new solution.
btw @artf thanks for the answer