How to read environment variable from CF Dashboard in Astro?

I tried to read my env variables using

const supabaseUrl = import.meta.env.SUPABASE_URL;

const supabaseUrl = import.meta.env.SUPABASE_URL;

const { env } = Astro.locals.runtime;

const { env } = Astro.locals.runtime;

.
However, I have a compiler error that

Astro is not defined

Astro is not defined

. How can I import this Astro variable?

Docs

Learn how to use the @astrojs/cloudflare SSR adapter to deploy your Astro project.