Как .map вокруг вещей внутри другого .map

У меня есть основной массив параметров, и внутри него есть массив значений, я использую vanilla js и хочу сопоставить первый массив ( options), а затем внутри этой карты я хочу сопоставить другой массив ( values). Но это не работает, какое может быть решение для этого?

test.innerHTML = match_id.options.map((modalVari, indexVariposition) => {
 return `
 <fieldset class="modal-variant-form">
 <legend class="modal-variant-title">${modalVari.name}:</legend>`
 + modalVari.values.map(varival => (`<li>${varival}</li>`)).join("")
 `</fieldset>
 `
 });

Решение проблемы

это работает как положено, так что проблема в другом

const data = [{name: 'one', values: [1, 2, 3]}, {name: 'two', values: [4, 5, 6]}]
const test = document.getElementById('test')
test.innerHTML = data.map((modalVari, indexVariposition) => {
 return `
 <fieldset class="modal-variant-form">
 <legend class="modal-variant-title">${modalVari.name}:</legend>
 <ul>${modalVari.values.map(varival => (`<li>${varival}</li>`)).join("")}</ul>
 </fieldset>
 `
 }).join('');

<div id="test"></div>