[Bug] The legend text overlapping issue

### Version

5.6.0

### Link to Minimal Reproduction

https://jsfiddle.net/ewgc3u29/3/

### Steps to Reproduce

It is very easy to reproduce among all charts.

Step 1
Giving the body a letter spacing, eg 0.03em

Step 2
Check the legend area, the text truns out overlapping which is more obvious as the longer the text is.

### Current Behavior

The legend text overlapping with each other

### Expected Behavior

The text should not overlap with each other

### Environment

```markdown
- OS: macOS Sequoia 15.6.1
- Browser: Google Chrome 140.0.7339.207
- Framework: Vanilla JavaScript
```

### Any additional comments?

It works well on Safari