How do I use App Platform variables in Nginx with a Vite React application?

I am using Docker to containerize my React application, which I build using Vite. Locally I can use import.meta.env.VARIABLE_NAME to access environment variables in my .env file. When I deploy this to App Platform, though, the environment variables don’t work.

Here’s my nginx.conf file:

server {
  listen 80;
  root /usr/share/nginx/html;
  index index.html;

  location / {
    try_files $uri $uri/ /index.html;
  }
}

Here’s the relevant part of my Dockerfile:

FROM nginx:1.23.3-alpine AS runner
WORKDIR /app

COPY --from=installer /app/apps/web/dist /usr/share/nginx/html

# RUN rm /etc/nginx/conf.d/default.conf

COPY deploy/nginx/nginx.conf /etc/nginx/conf.d

EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]

In my app spec I define environment variables like this, but it’s not actually setting them in Vite/Nginx.

envs:
  - key: VITE_API_URL
    scope: RUN_TIME
    value: ${api.PUBLIC_URL}

I’m wondering what the solution for this is?