дурацкое поведение свелта оказывается осознанно такое.  но на практике это проявляется дико нелогичным образом: ты меняешь, скажем, цвет какому-то из вложенных тэгов, а у тебя перестаёт отрабатывать размер внешнего.  с точки зрения цсс - это дикость и снос крыши.  
там логика такая: если есть стили у нескольких вложенных тэгов, то внешнему тэгу класс добавляется столько раз, какая есть максимальная вложенность у стилизованных тэгов внутри компонента. чтобы цифры добавившейся из-за этих маркерных классов специфичности совпадали.  но таким образом получается что у тебя вес внешнего селектора паразитно зависит от степени вложенности потомков - это полностью ломает цсс-ную логику.  и если ты стили глобальные используешь и локальные одновременно, оно постоянно будет подгаживать в самых неожиданных местах.

добро пожаловать =)

из положительных моментов, пока рылся заметил пару потенциально полезных несвязанных с этим вещей.   кого там сильно смущали вайтспейсы? теперь есть опция компилятора preserveWhitespace, причём с дефолтом false.  и если кого успели задолбать хаотично отваливающиеся при хотрелоаде стили (как раз из-за тех маркерных классов), недавно появившаяся возможность переопределения генератора имён этих классов позволяет привязать их не к контрольной сумме самих стилей, а например к имени компонента, чтобы они не менялись при редактировании и не кривились при хотрелоаде

Для меня это всё детали имплементации фреймворка.

Я так и не понял, когда это влияет хоть на что-то. Как я не игрался с твоим примером про див и спан, как я ни пытался миксовать глобалы и не глобалы, уносить всё в разные компоненты и передавать стили между ними, я не добился нелогичного поведения.

https://github.com/safeapps-io/money-client/blob/master/svelte.config.js#L18

Я вот так сделал и в роллап-конфиге, и в свелт.конфиге. Не ругается нигде, переменные доступны везде.

ну если с воспроизведением такие неодолимые сложности, то для интересующихся, но ниасиливших достаточно на мой взгляд подробное описание, сделаю пример сам:  
https://svelte.dev/repl/c64f5d6c14bd4dd1ade2c1567501e68c?version=3.35.0

┌────────────────────────────────────┐
│ built serviceworker with 1 warning │
└────────────────────────────────────┘
> No directory provided. Skipping CSS generation

Но ты описывал несколько другой кейс изначально, что у тебя были конфликты именно с общими стилями страницы — не изолированными, очевидно. Тут у тебя проблема с передачей класса между компонентами с изоляцией на поддерево.
Если убрать, например, main из селектора, то ожидаемо никаких WTF не будет.

Но кейс действительно забавный.

В остальном ситуация-то простая. Все почему-то пытаются юзать свелт не так, как мейнтейнеры предлагают и, когда обжигаются, винят почему-то инструмент.