Erroneous "Stores must be declared at the top level of the component" error

Describe the bug Since #5079, valid code is causing the following error:

Stores must be declared at the top level of the component (this may change in a future version of Svelte)

To Reproduce

https://svelte.dev/repl/8240f1807eda4d429018826229910e48?version=3.24.0

It’s coming from this code:

<script>
  import { getChartContext } from './Chart.svelte';
  import { get_ticks } from '../utils/ticks.mjs';
  
  // ...

  const { x1, y1, x2, y2, x, y } = getChartContext();
  
  // ...

  $: style = orientation === HORIZONTAL
    ? (y, i) => `width: 100%; height: 0; top: ${$y(y, i)}%`
    : (x, i) => `width: 0; height: 100%; left: ${$x(x, i)}%`;
</script>

The y that is part of the chart context is a store; the y inside the closure is a number.

Expected behavior No error

Severity

Moderate. Requires either downgrading Svelte in our project, or working around the bug in Pancake

[Conduitry]

Something else I had mentioned on that other PR - if we ever plan to allow subscribing to stores that are not defined at the top-level, that would have itself technically been a breaking change vs. the old behavior. (Because using $foo in a scope where foo was shadowing a top-level foo would suddenly mean something different.) Having a nice long intervening period where it throws a compile time error seems a lot safer.

[Myrmod]

A problem I had was that I wanted to use the values of stores that have been bound by components. The solution for getting the values of the stores is using

import { get } from 'svelte/store'

function getValue(store) {
  // works
  return get(store)
  
  // doesn't work
  return $store
}
...

I made an example of my use case in a repl: https://svelte.dev/repl/acccf5911f7e41af8025ee88fc005a56?version=3.48.0