gulp-renameでファイル名を親ディレクトリ名にリネームする

やりたいこと

これを

src/css/common/import.css
src/css/hoge/import.css

こうrenameしたい

src/css/common.css
src/css/hoge.css

これでできた

gulpfile.js

    .pipe(rename(function (path) {
        if (path.extname) {
            if (path.dirname === '.') {
                path.dirname = '';
            }
            path.basename =  path.dirname ;
            path.dirname = '';
        }
    }))
    .pipe(gulp.dest('./src/css/'));

実装にいたるまで

とりあえず「gulp rename file name to parent directory name」でGoogle検索してみたら画像のような検索結果が出てきたので、それを手当たり次第試してみる。

「お！いけそう」となったのがこちらだったので、これを改造しました。以上です。
How can I prefix a file name with it's parent directory using Gulp? - stackoverflow

余談

pathを使うという方法もあるようなのですが、dirnameが"."になってうまくとれていなかったり、他のgulpタスクが動かなくなったりしますた。
「なんでだよぉぉ...！」と思っていたのですが、結果的にgulp-renameだけで解決したので良し！