fix(gatsby): support multiple instances of same variable in gatsbyImage placeholderUrl (#38626) (#38647)

(cherry picked from commit b177db9)

Co-authored-by: Carlos Fernandes Cunha <[email protected]>

Author: gatsbybot

packages/gatsby-plugin-utils/src/polyfill-remote-file/placeholder-handler.ts

@@ -273,7 +273,7 @@ function generatePlaceholderUrl({
   const aspectRatio = originalWidth / originalHeight
 
   return url
-    .replace(`%width%`, String(width))
-    .replace(`%height%`, Math.floor(width / aspectRatio).toString())
-    .replace(`%quality%`, String(quality))
+    .replaceAll(`%width%`, String(width))
+    .replaceAll(`%height%`, Math.floor(width / aspectRatio).toString())
+    .replaceAll(`%quality%`, String(quality))
 }