Will it work like that or not?

Question

gulp.js

I'm trying Gulp. If I make the style files extension scss instead of css, will it work?
Or do you also need to write scss in the task?

const styles = () => {
    return src('src/styles/**/*.css')
    .pipe(sourcemaps.init())
    .pipe(concat('style.css'))
    .pipe(autoprefixes({
        cascade: false
    }))
    .pipe(cleanCss({
        level: 2
    }))
    .pipe(sourcemaps.write())
    .pipe(dest('dist'))
    .pipe(browserSync.stream())
};