webpackでSASSをコンパイルするとcontentの値が文字化けする問題の対応

SASSでcontentの値にバックスラッシュ（環境によっては円マーク表示）で始まる文字コードを記述してwebpackでビルドすると、生成されたCSSのcontentの値が文字化けしました。

例えばSASSの時点で下記のような記述です。

content: \f105;

これがビルドされると値がクエスチョンマークのような文字になりました。

content:?;

対応方法としてはunquote関数で囲みます。その際、バックスラッシュをエスケープしてクォーテーションも文字列に含める必要があります。

content: unquote('"\\f105"');

参考：