V4 upgrade

[websupergirl]

Upgraded all components + supports to work with Gatsby v4.
Migrated from node-sass to dart-sass to work with current technology.

It still doesn't like the one calc function but it builds fine.

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.

Recommendation: math.div(100%, 3) or calc(100% / 3)

More info and automated migrator: https://sass-lang.com/d/slash-div

   ╷
19 │             width: calc(#{(100% / 3)} - #{_size(element-margin)});
   │                            ^^^^^^^^
   ╵
    src/assets/scss/components/_features.scss 19:19  @import
    src/assets/scss/main.scss 61:10                  root stylesheet

which comes out on the front end okay as

.features li {
    width: calc(33.3333% - 2em);
    margin-left: 2em;
    margin-top: 3em;
    padding: 0px;
}

If you like this pull request, can you add the hacktoberfest-accepted label?