Problem with M1 Processor - Gatsby

[leolohmann]

Describe the bug
It's not possible to run Gatsby on M1 if Ithere's at least a specific Gatsby update to version 3.x and some GitHub issues from Gatsby they recommend installing vips which are sharp dependencies that work on M1. But to make the Gatsby plugins work using vips we need to be using the sharp 0.29 dependency which is only available in gatsby-plugin-sharp 3.x and is dependent on Gatsby 3.x

To Reproduce
Steps to reproduce the behavior:

1. Needs to run on a Mac with M1 processor with the last version macOs 12.0.1

Expected behavior

ERROR 

Error in "/Users/leonardo/Documents/GitHub/liferay.design/node_modules/gatsby-plugin-manifest/gatsby-node.js":
Something went wrong installing the "sharp" module

dlopen(/Users/leonardo/Documents/GitHub/liferay.design/node_modules/sharp/build/Release/sharp.node, 0x0001): symbol not found in flat namespace '__ZTVN4vips7VOptionE'

- Remove the "node_modules/sharp" directory then run
  "npm install --ignore-scripts=false --verbose" and look for errors
- Consult the installation documentation at https://sharp.pixelplumbing.com/install
- Search for this error at https://github.com/lovell/sharp/issues


  Error: Something went wrong installing the "sharp" module
  dlopen(/Users/leonardo/Documents/GitHub/liferay.design/node_modules/sharp/build/Release/sharp.node, 0x0001): symbol not found in flat namespace '__ZTVN4vips7VOptionE'
  - Remove the "node_modules/sharp" directory then run
    "npm install --ignore-scripts=false --verbose" and look for errors
  - Consult the installation documentation at https://sharp.pixelplumbing.com/install
  - Search for this error at https://github.com/lovell/sharp/issues

Screenshots

Desktop (please complete the following information):

• macOS: 12.0.1
• Chrome 95

Additional context
Trying to run Liferay.design on my Mac.