probl=c3=a8me json entre php et javascript

Problème curieux j'obtiens :

SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the
JSON data [Learn More]

Le lien "[Learn More]" renvoit à la page MDN :
SyntaxError: JSON.parse: bad parsing
<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/JSON_bad_parse?utm_source=mozilla&utm_medium=firefox-console-errors&utm_campaign=default>

Avec le script php qui envoit du json :
$data['text'] = 'html {
background: transparent url(http://mbp.local/global/backgrounds/'.
$files[$rand] . ') no-repeat center center fixed;background-size: cover;}';
$data['background'] = 'transparent
url(http://mbp.local/global/backgrounds/'. $files[$rand] . ') no-repeat
center center fixed';
$data['background-image'] =
'url(http://mbp.local/global/backgrounds/'. $files[$rand] . ')';
$data['backgroundSize'] = 'cover';
echo json_encode( $data );

$files représente les fichiers contenus dans un répertoire et $rand un
nombre aléatoire pointant sur un de ces fichiers.

ce fichier php est lu depuis JavaScript par le code :
JSON.fetch = function(url, callback) {
fetch(url)
.then(function (response) {
return response.json();
})
.then(function (json) {
callback(json);
});
};

utilisé de cette manière :
getBackground () {
JSON.fetch("http://mbp.local/php/background-json.php",
this.setBackground);
};

avec la fonction calback "setBackground" :
setBackground(json) {
if(json.hasOwnProperty('background-image')) {
document.body.style.backgroundImage = json['background-image'];
}
};

bon, mise à part cette erreur dans la console (firefox ou Safari), ça
tourne comme je le veux.

si je pointe un butineur sur "http://mbp.local/php/background-json.php":
j'obtiens :
{"text":"html { \n background: transparent
url(http:\/\/mbp.local\/global\/backgrounds\/cerveaulent_recadre.png)
no-repeat center center fixed;background-size:
cover;}","background":"transparent
url(http:\/\/mbp.local\/global\/backgrounds\/cerveaulent_recadre.png)
no-repeat center center
fixed","background-image":"url(http:\/\/mbp.local\/global\/backgrounds\/cerveaulent_recadre.png)","backgroundSize":"cover"}

ce qui est tout à fait ***normal***
(à mois que je loupe qqc...)

si je lis cet url avec wget j'obtiens exactement la même chose, à savoir
que le "{" est bien le premier caractère et le "}" le dernier.

je ne pige pas ???