Кстати, где объявлена переменная border-width?

Похоже вы уже нашли, в JS

Нет, это же CSS-переменная. Она в стилях глобально должна быть объявлена. А её нет в объявлении в стилях.

но правильно работающего

Так там не размер рамки меняется...

Всё меняется - границы вью порта подвигайте. Рамка меняется, когда меньший из размеров контейнера меняется. Если сдвинуть левую границу вьюпорта максимально вправо, то шкала станет узкой, вытянутой по высоте. Меньший размер в этот момент - ширина. Толщина рамки равна 10% от ширины. Далее двигаем левую границу вьюпорта влево. По мере увеличиния ширины увеличивается и толщина рамки. Как только ширина стала не меньшим размером, толщина рамки начинает зависеть уже от высоты. Но т.к. мы двигаем левую границу вью порта, то высота шкалы не меняется. Значит, остановился и рост толщины рамки. Аналогично и с изменением по высоте.

Специально такое поведение придумал - уже объяснял, почему. Попробуйте дундуку ИИ это объяснить - хрен сделает. Хотя объяснение - в одну строчку (ширина рамки должна быть 10% от минимального размера контейнера). И смотрите, сколько мусора он вам понаписал - я заманался чистить (я ведь в JS плохо разбираюсь).