gulpを使ってメディアクエリをまとめるとソースマップがずれる

###前提・実現したいこと

Sassのコンパイル
CSSの圧縮
プレフィックスの自動付与
ファイルの結合
ブラウザの自動出力
ソースマップの出力
メディアクエリをまとめる

上記をgulpを使って行いたく環境構築をしています。
ファイルの結合やプレフィックスの自動付与に対してソースマップがずれるのは解決できたのですが、
メディアクエリをまとめようとするとうまくいきません。

解決方法やアイディアをお持ちの方がいらっしゃいましたらご教授いただけますと幸いです。

###該当のソースコード

js
1var gulp = require('gulp');
2var sass = require('gulp-sass');
3var autoprefixer = require('gulp-autoprefixer');
4var sourcemaps = require('gulp-sourcemaps');
5var cmq = require('gulp-combine-media-queries');
6var cleancss  = require('gulp-clean-css');
7var concat = require('gulp-concat');
8var browserSync = require('browser-sync');
9var notify = require('gulp-notify');
10var plumber = require('gulp-plumber');
11
12gulp.task('sass', function() {
13    gulp.src(['work/shared/css/**/*.scss'])
14    .pipe(plumber({
15        errorHandler: notify.onError("Error: <%= error.message %>")
16    }))
17    .pipe(sourcemaps.init())
18    .pipe(sass())
19    .pipe(cleancss())
20    .pipe(sourcemaps.write({includeContent: false}))
21    .pipe(sourcemaps.init({loadMaps: true}))
22    .pipe(cmq({
23      log: true
24    }))
25    .pipe(autoprefixer({
26        browsers: ['last 2 versions', 'ie >= 10']
27    }))
28    .pipe(concat('style.css'))
29    .pipe(sourcemaps.write('.'))
30    .pipe(gulp.dest('product/shared/css'))
31    .pipe(browserSync.stream())
32    .pipe(notify({
33        title: 'Sassをコンパイルしました！',
34        message: new Date(),
35        sound: 'Frog'
36    }));
37});