gulpを使ってsassをコンパイルさせたい

解決したいこと
gulpを使ってsassをコンパイルできるようにしたい

gulpを使用してscssをコンパイルできるように設定したいのですが上手くいきません。
ちなみにyoutubeで学習中の段階でのエラーです。
投稿者に質問しましたが返ってこない（消された？）のでQiitaで質問させていただいております。

【エラー内容】
プラグインgulp-sassでエラーしている模様。
sassもしくはnode-sassというプラグインの両方のパッケージが許可されているとのこと

発生している問題・エラー

terminal
1gulp_test % gulp styles
2[09:42:43] Using gulpfile ~/Documents/code/gulp_test/gulpfile.js
3[09:42:43] Starting 'styles'...
4Error in plugin "gulp-sass"
5Message:
6    
7gulp-sass no longer has a default Sass compiler; please set one yourself.
8Both the "sass" and "node-sass" packages are permitted.
9For example, in your gulpfile:
10
11  const sass = require('gulp-sass')(require('sass'));
12
13[09:42:43] The following tasks did not complete: styles
14[09:42:43] Did you forget to signal async completion?

ソースコード(gulpfile.js,package.json)

javascript
1const { src, dest } = require('gulp');
2const LoadPlugins = require('gulp-load-plugins');
3const $ = LoadPlugins();
4const pkg = require('./package.json');
5const conf = pkg['gulp-config'];
6const sizes = conf.sizes;
7
8
9
10
11
12function icon(done) {
13    for(let size of sizes){
14        let width = size[0];
15        let height = size[1];
16        src('./favicon.png')
17        .pipe($.imageResize({
18            width,
19            height,
20            crop: true,
21            upscale: false
22        }))
23        .pipe($.imagemin())
24        .pipe($.rename(`favicon-${width}x${height}.png`))
25        .pipe(dest('./dist/images/iocn'));
26
27    }
28    done();
29}
30function styles(){
31    return src('./src/sass/main.scss')
32    .pipe($.sass())
33    .pipe(dest('./dist/css'));
34}
35
36exports.icon = icon;
37exports.styles = styles;
38
39package.json
40{
41  "name": "gulp_test",
42  "version": "1.0.0",
43  "main": "index.js",
44  "license": "MIT",
45  "devDependencies": {
46    "gulp": "^4.0.2",
47    "gulp-image-resize": "^0.13.1",
48    "gulp-imagemin": "^7.1.0",
49    "gulp-load-plugins": "^2.0.7",
50    "gulp-rename": "^2.0.0",
51    "gulp-sass": "^5.1.0",
52    "sass": "^1.50.1"
53  },
54  "gulp-config": {
55    "sizes": [
56      [
57        16,
58        16
59      ],
60      [
61        24,
62        24
63      ],
64      [
65        32,
66        32
67      ],
68      [
69        48,
70        48
71      ],
72      [
73        57,
74        57
75      ],
76      [
77        64,
78        64
79      ],
80      [
81        76,
82        76
83      ],
84      [
85        120,
86        120
87      ],
88      [
89        128,
90        128
91      ],
92      [
93        152,
94        152
95      ],
96      [
97        167,
98        167
99      ],
100      [
101        180,
102        180
103      ],
104      [
105        192,
106        192
107      ],
108      [
109        256,
110        256
111      ],
112      [
113        512,
114        512
115      ]
116    ]
117  }
118}

自分で試したこと

エラーで出ているとおりconst sass = require('gulp-sass')(require('sass'));を定義して実行してみたが結果は同じ。gulp-sassのバージョンも問題なさそうですが、、、
ちなみに学習しているURLはこちらです。
https://www.youtube.com/watch?v=ptJ1tacAbTY&list=PLC_Jqbgu7I6ag6Xie7_J2HZYtPpIZBvCW&index=7