Просмотреть импортированные CSS в браузере для проекта React?

Question

У меня есть проект Next. js React с глобальным файлом CSS:

@tailwind base;
@tailwind components;

@tailwind utilities;

В инструментах разработчика Chrome Inspect element в стилизованном компоненте Tailwind показывает источник файл как index.css:2. При щелчке по этому исходному файлу он отображается на вкладке «Источники».

Проблема заключается в том, что файл содержит только предварительно обработанные CSS с директивами @tailwind. Где я могу найти фактический импортированный CSS для отладки в браузере?

next.config. js:

  webpack: (config, { dev }) => {
    if (dev) {
      console.log(config.devtool);
    }
    return config;
  }

Это подтверждает, что исходные карты включены и установлены на cheap-module-source-map.