Создайте отдельные файлы CSS в postcss и rollup

Это не было задокументировано, но вы можете использовать include, exclude в соответствии с их исходным кодом.

Пример здесь для двух файлов css:

import { resolve } from "path"

plugins: [
  postcss({
    include: "**/admin.css",
    extract: resolve('dist/admin.css')
  }),
  postcss({
    include: "**/app.css",
    extract: resolve('dist/app.css')
  })
]

И если вы хотите исключить один файл:

plugins: [
  postcss({
    exclude: "**/bootstrap.css",
    extract: resolve('dist/app.css')
  }),
  postcss({
    include: "**/bootstrap.css",
    extract: resolve('dist/bootstrap.css')
  })
]

Это то, что я закончил с

import resolve from "@rollup/plugin-node-resolve";

plugins: [
  external(),
  resolve(),
  commonjs(),
  typescript(),
  postcss({
    include: "src/index.css",
    extract: "index.css",
    minimize: true,
    sourceMap: true,
  }),
  postcss({
    include: "src/themes/file2.css",
    extract: "themes/file2.css",
    minimize: true,
    sourceMap: true,
  }),
  terser(),
]

Я создал плагин — rollup-plugin-lib-style, который генерирует CSS отдельно для каждого файла стиля и импортирует эти сгенерированные файлы CSS (как модули CSS).