Как импортировать переменную из фонового скрипта в контентный скрипт? [Chrome расширение]

Question

Прямо сейчас мой фоновый скрипт:

   function idInfo() {
        var idPage = "https://www.supremenewyork.com/shop/" +itemID+ ".json";
        $.getJSON(idPage, function(data) {
            idData = data.styles;
            console.log(idData);
            var colorInfo = idData.find(element => element.name == getItemColor);
            console.log(colorInfo);
            colorID = colorInfo.id;
            console.log("!!! COLOR ID FOUND\t" + colorID + "\t!!!")
            var sizesData = colorInfo.sizes;
            console.log(sizesData);
            var sizeInfo = sizesData.find(element => element.name == getItemSize);
            console.log(sizeInfo);
            sizeID = sizeInfo.id;
            console.log("!!! SIZE ID FOUND\t" + sizeID + "\t!!!")

            chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
                chrome.tabs.sendMessage(tabs[0].id, {sizeID: sizeID}, function() {
                    console.log("Settings saved");
                });
            });

            addToCart();
        });
    }

    function addToCart() {
        var atcPage = "https://www.supremenewyork.com/shop/mobile/" +itemID+ "/" +colorID;

        chrome.tabs.create({
            url: atcPage
        })
    }

и мой контентный скрипт (который активен, когда на atcPage вы указываете в фоновом скрипте):

chrome.runtime.onMessage.addListener(function({sizeID}) {
    function clickAdd() {
        document.querySelector('input[name="commit"]').click();
    }

    function select(id, value) {
        let element = document.getElementById(id);
        element.value = value;
        clickAdd();
    }

    select("s", sizeID);
});

Я полагаю, что я делаю что-то не так, я пытаюсь импортировать переменную sizeID из моего фонового скрипта в мой скрипт контента, что мне делать, чтобы сделать это? Прямо сейчас я пытаюсь сделать chrome .tabs.query в фоновом режиме и chrome .runtime.onmessage в скрипте контента, но он не работает (догадываясь, что я делаю что-то не так)

{
    "name": "supreme",
    "version": "1.0",
    "manifest_version": 2,
    "content_scripts": [
        {
            "matches": ["https://www.supremenewyork.com/"],
            "js": ["jquery-3.4.1.min.js"]
        },
        {
            "matches": ["https://www.supremenewyork.com/shop/mobile/*"],
            "js": ["jquery-3.4.1.min.js", "getToken.js"]
        }
    ],
    "background": {
        "scripts":
            [
                "content.js", "jquery-3.4.1.min.js"
            ]
    },
    "browser_action": {
        "default_popup": "popup.html",
        "default_title": "Popup",
        "default_icon": "suppic.png"
    },
    "permissions": [ "webRequest", "webRequestBlocking", "unlimitedStorage", "tabs", "notifications", "tabCapture", "https://*.supremenewyork.com/", "background", "activeTab", "<all_urls>" ]
}