Hide overlapping labels based on custom logic

[CAFxX]

display: "auto" only hides overlapping labels based on the relative index; I instead need to hide, if 2 or more labels overlap, the label that has the smallest value. I got this far, and it partially works, but only if I manually hover the mouse pointer over each slice of the doughnut in turn:

display: function(context) {
	const overlap = (a, b) => a.x < b.x+b.w && a.x+a.w > b.x && a.y < b.y+b.h && a.y+a.h > b.y;		
	const cl = context.chart.$datalabels._labels.find((l) => context.dataIndex == l._index);
	const clv = context.dataset.data[context.dataIndex];
	return !context.chart.$datalabels._labels.some((l) =>
		context.dataIndex != l._index && 
		overlap(cl.$layout._box._rect, l.$layout._box._rect) &&
		clv <= context.dataset.data[l._index]
	);
},

I think the problem is that datalabels only computes the layout of the labels if the label is visible, but I need the layout of the label to decide whether it should be visible. Also my code above feels a bit gross as it's reaching into undocumented data structures of datalabels, and also it's technically O(n^2) - although n tends to be small.

Does anyone have any suggestion about how to ask datalabel to reliably give me the layout of the label even if it has not been computed yet?

In case it helps, the chart in question is a doughnut chart with a single dataset and datalabels config anchor: "end", align: "end"