[Bug] safari 下，轴标题下划线和删除线错位

Version

1.12.10

Link to Minimal Reproduction

spec attched below

Steps to Reproduce

const spec = {
  type: 'line',
  data: {
    values: [
      {
        time: '2:00',
        value: 8
      },
      {
        time: '4:00',
        value: 9
      },
      {
        time: '6:00',
        value: 11
      },
      {
        time: '8:00',
        value: 14
      },
      {
        time: '10:00',
        value: 16
      },
      {
        time: '12:00',
        value: 17
      },
      {
        time: '14:00',
        value: 17
      },
      {
        time: '16:00',
        value: 16
      },
      {
        time: '18:00',
        value: 15
      }
    ]
  },
  xField: 'time',
  yField: 'value',
  axes: [{
    orient: 'bottom',
    "title": {
      "visible": true,
      style: {
        "fill": "#34c724",
        "fontSize": 30,
        "lineThrough": true,
        "underline": true,
        "fontStyle": "italic",
        // "lineHeight": 1,
        "textAlign": "center"
      },
      "text": "地方撒多少发多少发",
      "position": "middle",
      "space": 14
    },
  }]
};

const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderSync();

// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;

Current Behavior

Expected Behavior

和 chrome 一样正常展示

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response