Next.jsのcssのminify設定変更方法について

Question

解決したい問題

next buildすると、cssがminifyされ、font-familyで指定した値のクォーテーションが削除されてしまい、正しくフォントが適応されない。

環境

• node v12.18.0
• yarn v1.22.5
• next v10.0.1

原因の考察

Next.jsでデフォルト設定されているpostcssのminify設定が原因と考えています。
公式参考

教えてほしいこと

Next.jsでcssの圧縮オプションを設定する方法

やったこと

cssnanoとpostcss-minify-font-valuesの設定を試みました。
どちらとも、または、どちらかのプラグインを設定してみましたが、結果は変わりませんでした。

設定方法

ルートディレクトリに配置したpostcss.config.jsにてこのように記述しました。
※プラグイン名をtypoするとnext build時にエラーが吐かれたため、記述した内容は読み込まれてはいるはずです。

module.exports = {
  plugins: [
    'postcss-flexbugs-fixes',
    [
      'postcss-preset-env',
      {
        autoprefixer: {
          flexbox: 'no-2009',
        },
        stage: 3,
        features: {
          'custom-properties': false,
        },
      },
    ],
    //↑ここまではNext.jsのデフォルトです。
    [
      'cssnano',
      { preset: ['default', { minifyFontValues: { removeQuotes: false } }] },
    ],
    [
      'postcss-minify-font-values',
      {
        removeQuotes: false,
      },
    ],
  ],
}

#　その他わからないこと
postcss.config.jsをどのように変更しても、結局cssがminifyされます。
Next.jsにてcssのminifyはどのように行われているのでしょうか。

その他、postcss.config.jsの記述方法についてはあまり自信がありません。
プラグインの記述方法について記載されたドキュメントがありましたらそちらも共有いただければありがたいです。

以上になります。どうぞよろしくお願いいたします。

Answer 1

無理やり_document.jsxにて、

<style
  dangerouslySetInnerHTML={{
    __html: String.raw`
      .font-a1{
        font-family: 'A1 Mincho', serif;
      }
    `,
  }}
/>

のように定義してクォーテーションを保つことが出来ました。

が、理想的な解決方法ではないので引き続き回答をよろしくお願いいたします。