Пишутся в scss

ну нет же... это если нужно что то с конкатенатить это так же одна строчка в JS, бандлеры же делают куда больше.

одна строчка в баше которая все ломает)

или просто ничего не делает без ещё сотни строчек

да, у меня похожая ситуация, в целом это решается легко но как правило отдельным процессом сбором тем

наверное так должно работать:

<script>
  import Viewpoint from ‘svelte-viewpoint’;

  const themes = {
    light: () => import(‘./LightTheme.svelte’),
    dark: () => import(‘./DarkTheme.svelte’),
  };
 
  let themeKey = ‘light’;

  $: theme = themes[themeKey];
</script>

<input 
  type=“radio” 
  value=“light” 
  bind:goup={themeKey}
>
<input 
  type=“radio” 
  value=“dark” 
  bind:goup={themeKey}
>

<Viewpoint component={theme}>
    <App />
</Viewpoint>

о вот это уже что-то более жинзеспособное

Viewpoint на SSR рендерится?

хороший вопрос) вообще не использую его в SSR. тут он скорее для того, чтобы долго не обяснять как делать loadable. наверное есть те, которые гаранировано работают на SSR

вот кажется этот имеет средства: https://github.com/kaisermann/svelte-loadable#registering-a-loader

Есть поглядеть для sveltekit?

пока нет... проект пока в руинах разработки )

Пишет тоже самое:

The value for kit.vite.build.rollupOptions.output specified in svelte.config.js has been ignored. This option
is controlled by SvelteKit.

имхо вы хотите сделать то что можно сделать хорошо только в кастомной сборке.

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

с этим соглашусь, SvelteKit это такое заранее собранное решение которое покрывает далеко не 100% кейсов

надо глянуть, это же не спроста )

А разве второй вариант в Svelte не будет работать?)