Как добавить закругленные углы к сложным фигурам в CSS

Question

Как я могу сделать углы сложной формы, округленные в CSS? Аналогично тому, как VSCode округляет углы выбранного кода. Я знаю, как сделать правильный прямоугольник, округленный в CSS, но как мне соединить закругленные углы, если прямоугольники соприкасаются или пересекаются? При необходимости, использование JavaScript для этого также нормально (только не canvas или что-то в этом роде). Вот пример того, как VSCode делает это:

Я исследовал это и нашел только лот решений для прямоугольники, но ничего о невыпуклых или даже не прямоугольных angular формах.

Answer 1

, как указано в комментарии, Как применить закругленные границы для выделения / выделения решает проблему специально для выделенного текста. Что касается других сложных форм (например, буквально любой другой формы), мне просто нужно остановиться на использовании canvas или SVG, хотя это и не было целью.