Не удается получить доступ к переменным из файла .env

{
  "compilerOptions": {
    "target": "ESNext",
    "useDefineForClassFields": true,
    "lib": ["DOM", "DOM.Iterable", "ESNext"],
    "allowJs": false,
    "skipLibCheck": true,
    "esModuleInterop": false,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "ESNext",
    "moduleResolution": "Node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx",
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "include": ["src", "./jest-setup.ts", "SsrRender.tsx"],
  "references": [{ "path": "./tsconfig.node.json" }]
}

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import dotenv from 'dotenv';
import path from 'path';
import { CompileTsServiceWorker } from './src/utils/serviceWorker/compileTsServiceWorker';

dotenv.config({ path: path.join(__dirname, '..', '..', '.env') });

// https://vitejs.dev/config/
export default defineConfig({
  server: {
    port: Number(process.env.CLIENT_PORT) || 3000,
  },
  define: {
    __SERVER_PORT__: process.env.SERVER_PORT,
    __TELEGRAM_TOKEN__: process.env.TELEGRAM_TOKEN,
    __TELEGRAM_ID__: process.env.TELEGRAM_ID,
  },
  plugins: [react(), CompileTsServiceWorker()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
});

declare global {
  const __SERVER_PORT__: number;
  const __TELEGRAM_TOKEN__: string;
  const __TELEGRAM_ID__: string;
}
export {};

export const redirectURI = `http://localhost:${__SERVER_PORT__}/`;
export const telegramURL = `https://api.telegram.org/bot${__TELEGRAM_TOKEN__}/sendMessage?chat_id=${__TELEGRAM_ID__}&parse_mode=html`;