Ticks with crossAlign: "far" on Y axes are drawn on top of axis Title

### Expected behavior

`crossAlign: "far"` for ticks should not move ticks over axis title

### Current behavior

Ticks with crossAlign: "far" on Y axes are drawn on top of axis Title

### Reproducible sample

https://codepen.io/shanovskyi-b/pen/XJboMxB

### Optional extra steps/info to reproduce

_No response_

### Possible solution

_No response_

### Context

I'm trying to align right Y axis tick label by right side, the only solution I found was `crossAlign: 'far'` which works, but ticks are getting drawn on top of the axis title.

I've tried to change `padding` for `ticks`/`title` to "split" them, but it doesn't help - these paddding seems to sum up and affect both ticks and title

### chart.js version

v4.5.0

### Browser name and version

_No response_

### Link to your project

_No response_