fix: overriding style.d causes custom rendering errors

__tests__/integration/issue-6564.spec.ts

@@ -0,0 +1,28 @@
+import { issue6564 as render } from '../plots/bugfix/issue-6564';
+import { createNodeGCanvas } from './utils/createNodeGCanvas';
+import { sleep } from './utils/sleep';
+import './utils/useSnapshotMatchers';
+
+describe('issue6564', () => {
+  const canvas = createNodeGCanvas(800, 500);
+
+  it('issue6564.render() should render chart with custom slice shape', async () => {
+    const { chart } = render({
+      canvas,
+      container: document.createElement('div'),
+    });
+
+    await chart.render();
+    await sleep(20);
+
+    const slices = canvas.document.getElementsByTagName('path');
+    expect(slices.length).toBeGreaterThan(0);
+
+    const dir = `${__dirname}/snapshots/bugfix`;
+    await expect(canvas).toMatchDOMSnapshot(dir, render.name);
+  });
+
+  afterAll(() => {
+    canvas?.destroy();
+  });
+});

__tests__/integration/snapshots/api/chart-emit-pie-tooltip/step0.html

@@ -1,7 +1,7 @@
 <div
   xmlns="http://www.w3.org/1999/xhtml"
   class="g2-tooltip"
-  style="pointer-events: none; position: absolute; visibility: visible; z-index: 8; transition: visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1), left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgba(255, 255, 255, 0.96); box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.65); font-size: 12px; line-height: 20px; padding: 12px; min-width: 120px; max-width: 360px; font-family: sans-serif; left: 433.2497979290697px; top: 178.6549997329712px;"
+  style="pointer-events: none; position: absolute; visibility: visible; z-index: 8; transition: visibility 0.2s cubic-bezier(0.23, 1, 0.32, 1), left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgba(255, 255, 255, 0.96); box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12); border-radius: 4px; color: rgba(0, 0, 0, 0.65); font-size: 12px; line-height: 20px; padding: 12px; min-width: 120px; max-width: 360px; font-family: sans-serif; left: 433.2498001029222px; top: 178.65499999999997px;"
 >
   <ul
     class="g2-tooltip-list"