Error: Failed to process image ...gif. Input buffer contains unsupported image format

[FilledStacks]

Description

I can't build my project at the moment

Steps to reproduce

This is an older project that use to work, now it's not working anymore. I have gif files on the site, it's still up, but I when building locally it fails and gives me the error below

Expected result

What should happen?

Actual result

I can't build it

Environment

System:
OS: macOS 12.6
CPU: (10) arm64 Apple M1 Pro
Binaries:
Node: 18.13.0 - ~/.nvm/versions/node/v18.13.0/bin/node
Yarn: 1.22.18 - /opt/homebrew/bin/yarn
npm: 8.19.3 - ~/.nvm/versions/node/v18.13.0/bin/npm
Browsers:
Chrome: 108.0.5359.124
Safari: 16.0
npmPackages:
@gridsome/plugin-google-analytics: ^0.1.2 => 0.1.2
@gridsome/plugin-sitemap: ^0.4.0 => 0.4.0
@gridsome/remark-prismjs: ^0.5.0 => 0.5.0
@gridsome/source-filesystem: ^0.6.2 => 0.6.2
@gridsome/transformer-remark: ^0.6.4 => 0.6.4
gridsome: ^0.7.23 => 0.7.23
gridsome-source-firestore: ^1.1.1 => 1.2.0

[vstollen]

I encountered the same issue, but I'm on Manjaro.

I don't know why, but removing the libvips package from my system seems to have fixed the problem for me.